Clarusway
Project aims to create a Task Tracker App.
006 - Task Tracker (folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── Header.js
│ │ │ └── Button.js
│ │ │
│ │ ├── CreateTask.js
│ │ │
│ │ │
│ │ └── Tasks.js
| | └── Task.js
│ ├── store
│ │ ├── initialState.js
| |
│ ├── App.js
│ ├── App.css
│ ├── index.js
│ └── index.css
├── package.json
└── yarn.lock
Build a Task Tracker 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 task-tracker
Step 2 : Install "react-icons"
package to your package.json
for icons.
Step 3: Build Task Tracker App.
Step 4: You can use CSS frameworks like Bootstrap, Semantic UI.
Step 5: Push your application into your own public repo on Github
Step 6: Add project gif to your project and README.md file.
<p align="center">☺ Happy Coding ✍</p>