Skip to content

This is a simple Task Tracker. Made using React, Node.js, and JSON server. The Application is Web-based,

Notifications You must be signed in to change notification settings

yuvrajbajwa10/task-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Made Following This Youtube tutorial. https://www.youtube.com/watch?v=w7ejDZ8SWv8

This is a Simple Task Tracker App made using React.

Here is a List of All Features of the application.

  • The App is Made Using react Functional Components using hooks, and ES6 Functions

  • CRUD

    • Add Task

      • open/ Close the Form
      • If the Task field is empty a Pop-up alert is thrown to the user
      • Reminder and Day & Time field is optional to fill
    • Delete Task

      • Click the X icon to delete the Task
    • Update Task

      • Only the Reminder can be toggled (true/ false) by double clicking a task
    • Data is Stored in JSON format and Requests are Made to the JSON Server

  • About Page

    • Link using (react-route) and (react-router-dom)

To Start The application in Development Mode in your WebBrowser you need to

1. Start the Development Server (on a new Terminal)

http://localhost:3000/

npm start 

2. Start the backend Server for the Database (JSON server) (on a new Terminal)

http://localhost:5000/tasks

npm run server

To Build applicaiton for Production

npm run build

About

This is a simple Task Tracker. Made using React, Node.js, and JSON server. The Application is Web-based,

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published