karamanburak / task-tracker

React application where you can record tasks to be done

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Task-Tracker-React

Task Tracker App Live

Project Skeleton

| Todo App(folder)
|
SOLUTION
├── public
│     └── index.html
├── src
│    ├── components
│    │       ├── helper 
│    │       ├── pages 
│    │               ├── Home.jsx 
│    │       ├── Home.jsx
│    │       ├── Home.jsx
│    │       ├── AddTask.jsx
│    │       ├── ShowTasks.jsx         
│    ├── App.css
│    ├── App.js
│    └── index.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

Outcome

Project

At the end of the project, following topics are to be covered;

  • HTML

  • CSS

  • JS

  • ReactJS

Steps to Solution

  • Step 1: Create React App using npx create-react-app todo-app

  • Step 2: Build Todo App.

  • Step 3: You can use CSS frameworks like Bootstrap, React Bootstrap, TailwindCss or Native Css, Sass, Module Css.

  • Step 4: You can use local storage to store data.

About

React application where you can record tasks to be done

License:MIT License


Languages

Language:JavaScript 66.0%Language:CSS 22.4%Language:HTML 11.6%