Git Product home page Git Product logo

v40-toucans-team-10's Introduction

Chingu Voyage 40 Toucans Team 10

Note me

Daily Note App
url : https://chingu-project-noteme.vercel.app/

Instructions:

To install the dependencies:

npm install

To check the style if it follows the style guide:

npm run lint

To start the server in development:

npm run dev

To build it:

npm run build

Developers

Anna Lorenz Sukyung

Skill set

  • HTML/CSS
  • Vanilla JS
  • Vite
  • DOMPurify
  • Marked
  • ESLint

Features

  • CRUD
  • Theme change
  • Markdown format
  • Mobile responsive

v40-toucans-team-10's People

Contributors

genelorenzsarmiento0408 avatar ha-anna avatar jdmedlock avatar sukyungdev avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

v40-toucans-team-10's Issues

theme.html buttons are not working.

Describe the problem
The theme buttons are not working in my environment.

Expected behavior

To Reproduce
Steps to reproduce the behavior:

Go to 'theme.html'
Click on any theme button
See an error

Screenshots
error

Step 2: ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Conduct Kickoff meeting

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#6

Task Description

  • Using everyone's availability posted to When2Meet schedule a Kickoff meeting
  • Use the Kickoff meeting template in the shared document directory we've provided to guide the discussion and to record notes, decisions, and assignments
  • Set a time for your next meeting for later in the week

Technical Considerations
N/a

Additional Considerations
N/a

Resources
Conduct Kickoff Meeting (Chingu Handbook)

Member of Epic: #16

CRUD in a diary

Feature Description
We should accomplish CRUD (Creating, Reading, Updating, Deleting) a diary/diaries

Major User Stories/tasks

  • Users can write the diary using the Markdown format with Title and Description
  • A user can read a diary with both the title and the description
  • The diary/diaries will be saved, even when a user exits it
  • The user can edit a diary of their own
  • The user can delete the diary/note that they had created

Additional Considerations
External Resources:
Almost the same app using similar user stories/tasks

Step 6: ๐Ÿ“ Create a Low-fidelity wireframe

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#14

Objective

Establish a common understanding across the team of what information is in each screen and the actions that may be invoked from each screen.

How

  • Using the features you added to the the Feature Planning template in step 4 identify the screens youโ€™ll need and the information on each one.
  • Map the actions users will be able to perform from each screen and the navigation from screen-to-screen
  • Create a low-fidelity wireframe using a tool like [Figma](https://www.figma.com/) or even pencil and paper.

Resources

[How To Wireframe A Website in 3 Easy Steps](https://elementor.com/blog/wireframe-website/)
Create a low fidelity wireframe (Chingu Handbook)

Member of Epic: #16

Theme no. 4 not showing text

Describe the problem
Theme no. 4 on the website is not displaying text

Expected behavior
The themes should display the text

To Reproduce
Steps to reproduce the behavior:

  1. Go to the website
  2. Click on 'set theme as default' on theme no. 4
  3. See an error

Screenshot
image

Step 4: ๐Ÿ“ค Define & prioritize MVP features

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#8

Task Description

  • Each team member should add their ideas to the Project Vision & Feature Planning template before the team meeting
  • Prioritize each feature - Must Have, Should Have, Nice to Have
  • Meet with the team to review each feature & refine priorities

Technical Considerations
N/a

Additional Considerations
All Must Have tasks will make up your MVP. Make sure that you control the scope of the project by limiting the number of Must Have features to the ones you can reasonably complete by the end of Sprint 6.

Remember that you can always add new features once you complete the MVP.

Resources
Choose a Project & create a Vision Statement (Chingu Handbook)
Define & Prioritize MVP features (Chingu Handbook)

Member of Epic: #16

Create FAQs

Task Description
Create the FAQs on the site

Themes

Feature Description
Themes are one of the unique features that we have

Major User Stories/tasks

  • Display Themes
  • Set theme, when a user sets it
  • Change the color palette of the site, when a user sets a theme

Step 5: ๐Ÿ“‹ Create a Project Backlog

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#9

Task Description

  • Watch the How to Create a Project Backlog video
    video link
  • Identify & prioritize features
  • Create an epic for each feature
  • Choose the highest priority epics & divide them into user stories
  • Add your epics & user stories to a backlog tool. Due to itโ€™s tight integration with GitHub we suggest using ZenHub (itโ€™s free for teams using public repositories)
  • Prioritize the user stories

Technical Considerations
N/a

Additional Considerations
During the Voyage youโ€™ll refine the Project Backlog and in every Sprint youโ€™ll move tasks from it to the Sprint Backlog. This is part of the Agile process helps you and your team concentrate only on the tasks that must be completed in that Sprint.

If you are using ZenHub don't forget you'll need to install its browser extension before you can see the ZenHub tab in your GitHub repo.

Resources
Create a Project Backlog (Chingu Handbook)

Member of Epic: #16

Come up with the name for our app.

Task Description
It would be good if every person proposed at least one name.

Technical Considerations
Something catchy and unique would be good.

Additional Considerations
It would be better to establish it earlier than later since it's a creative process that takes time.

Step 3: ๐Ÿ‘ Choose a project & create a Vision Statement

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#7

Task Description

  • Watch the How to Select a Voyage Project video
    video link
  • Collect ideas from the team
  • Brainstorm with your team
  • Vote to select one idea
  • Decide on the technical stack youโ€™ll use to build your project

Technical Considerations
N/a

Additional Considerations
Use the Project Vision and Feature Planning template to gather & vote on everyone's idea

Resources
Choose a Project & create a Vision Statement (Chingu Handbook)

Member of Epic: #16

Getting Started

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#15

Feature Description
Prepare for your Voyage by becoming familiar with the Chingu practices & procedures.

Major User Stories/tasks

  • Getting Started: ๐Ÿš€ Understand the Voyage Process #11
  • Getting Started: ๐Ÿ“œ Review the Chingu Agile Methodology #2
  • Getting Started: ๐Ÿค” Start thinking about project ideas & the technical stack #3
  • Getting Started: ๐Ÿ™‹ Do you have questions about Chingu or the Voyage process? #4

Additional Considerations
N/a

Step 7: โš™๏ธ Set Up a Team Workflow

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#10

Task Description

  • Decide on the coding standards the team must follow.
  • Define the characteristics of your repo including the number of branches, branch names, & the workflow everyone must follow.
  • Agree on the format of commit messages, how Pull Requests will be reviewed, and GitHub branch protection rules.
  • Decide on where youโ€™ll deploy your app and the branch to be considered as โ€˜productionโ€™ youโ€™ll be deploying from.
  • Decide on what meetings youโ€™ll need each week and to save time, schedule them as recurring meetings. You might want to look ahead to Reaching your MVP to learn more about the types of meetings youโ€™ll need.

Technical Considerations
N/a

Additional Considerations
Setup Your Team Workflow (Chingu Handbook)
Javascript Style Guides
Defining a Git Workflow (Chingu Handbook)
Git Branches (Chingu Handbook)
Git Commits (Chingu Handbook)
Git Pull Requests (Chingu Handbook)

Member of Epic: #16

Review wireframes.

Task Description
Review and improve our wireframes.

Technical Considerations

Additional Considerations

Screen Shot 2022-08-23 at 3 11 15 PM

Getting Started: ๐Ÿค” Start thinking about project ideas & the technical stack

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#3

Task Description

  • Check out apps that Voyage teams have created in prior Voyage by reviewing the Project Showcase
  • Come up with 1 to 3 ideas for projects you'd like to build so you can discuss them with the rest of the team when the Voyage starts.
  • Think about what technical stack you'd like to use to build that app. Similarly, you'll discuss this as a team at the start of the Voyage.

Technical Considerations
N/a

Additional Considerations
N/a

Resources
Choose a project & create a Vision Statement (Chingu Handbook)

Member of Epic: #15

Step 1: ๐Ÿค Meet your team & schedule Kickoff meeting

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#5

Task Description

  • Meet your team by adding your introduction to the Team Channel
  • Start getting to know one another
  • Start discussing what projects you would like to create
  • Watch the Voyage Team Roles video to learn about the different roles members of your team may have signed up to fill.
    video link
  • Watch the How to Select a Voyage Project video
    video link

Technical Considerations
N/a

Additional Considerations
Meet Your team (Chingu Handbook)

Use When2Meet to identify days & times when everyone on the team is available to meet.

Member of Epic: #16

The Voyage Process - Getting off to a Solid Start!

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#16

Feature Description
Chingu has created a process for you to follow during the Voyage. This process helps you to get off on a solid start.

Major User Stories/tasks

  • Step 1: ๐Ÿค Meet your team & schedule Kickoff meeting #5
  • Step 2: ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Conduct Kickoff meeting #6
  • Step 3: ๐Ÿ‘ Choose a project & create a Vision Statement #7
  • Step 4: ๐Ÿ“ค Define & prioritize MVP features #8
  • Step 5: ๐Ÿ“‹ Create a Project Backlog #9
  • Step 6: ๐Ÿ“ Create a Low-fidelity wireframe #14
  • Step 7: โš™๏ธ Set Up a Team Workflow #10

Additional Considerations
N/a

"Cannot set properties of null (setting 'value)" error

Describe the problem
There is a "properties of null" issue in the JS

Expected behavior
No errors

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'theme.html'
  2. Click on 'Set theme as default' to any themes
  3. See an error

Screenshots
image

Getting Started: ๐Ÿ™‹ Do you have questions about Chingu or the Voyage process?

From voyage-template created by jdmedlock: chingu-voyages/voyage-template#4

Task Description
If you have questions about Chingu or the Voyage process join one or both of the Chingu Roundtable sessions held every:

  • Wednesday @ 2:00 p.m. GMT -6 (Chicago)
  • Saturday @9:00 a.m. GMT -6 (Chicago)

These sessions give you the opportunity to ask your questions in real time with a member of the Chingu team

Technical Considerations
These are held in our Discord community in the #ask-me-anything text & audio channels.

Additional Considerations
You may also ask questions anytime in the #ask-cohort-n-code-questions channel in Discord or by emailing [email protected]

Member of Epic: #15

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.