Live at: https://todolist-umut.netlify.app/
Project aims to create a Todo App.
- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.
003 - Todo App(folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── Header.jsx
│ │ │
│ │ ├── TodoList.jsx
│ ├── App.js
│ ├── index.js
│ └── index.css
├── package.json
└── yarn.lock
Build a Todo App using ReactJS.
-
HTML
-
CSS
-
JS
-
ReactJS
-
improve coding skills within HTML & CSS & JS & ReactJS.
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1: Create React App using
npx create-react-app todo-app
-
Step 2 : Install
uuid
package to yourpackage.json
for id. -
Step 3: Build Todo App.
-
Step 4: You can use CSS frameworks like Bootstrap, React Bootstrap, TailwindCss or Native Css, Sass, Module Css.
-
Step 5: You can use local storage to store data.
-
Step 6: Push your application into your own public repo on Github
-
Step 7: Add project gif to your project and README.md file.
- You can add additional functionalities to your app.
☺ Happy Coding ✍