https://github.com/karamanburak/task-tracker

React application where you can record tasks to be done
https://github.com/karamanburak/task-tracker

localstorage react react-bootstrap react-ic

Last synced: 2 days ago
JSON representation

React application where you can record tasks to be done

• Host: GitHub
• URL: https://github.com/karamanburak/task-tracker
• Owner: karamanburak
• License: mit
• Created: 2024-03-04T07:51:27.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-18T09:01:18.000Z (7 months ago)
• Last Synced: 2024-11-16T21:14:09.636Z (2 days ago)
• Topics: localstorage, react, react-bootstrap, react-ic
• Language: JavaScript
• Homepage:
• Size: 2.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Task-Tracker-React

[Task Tracker App Live](https://task-tracker-w-react.netlify.app/)

## 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](./src/components/helper/task-tracker.gif)

### 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.