AryanT10 / TASK_TRACKER-React

TASK TRACKING APP FOR EDITING TASKS , INSERTING TASKS AND DATE , REMINDER SETUP AND MANY OTHER FEATURES USING REACT.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TASK_TRACKER-react

This is a simple Task Tracker application built using React. It allows you to add, delete and toggle tasks.

WebLink : https://reacttasktrackingapp.netlify.app/

Features

-Add new tasks with a unique ID and reminder status

-Delete tasks

-Highlight a task by toggling the reminder status

-Minimalistic and clean user interface

Project Structure

The project is structured as follows:

-App.js is the main component of the application

-components directory contains the various components used in the application:

•header.js handles the header display of the application

•Tasks.js manages the tasks display

•AddTask.js provides functionality to add a task

•Task.js provides functionality to display a single task

•Button.js is a reusable button component

Technology Stack

•React

•React-Icons

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

About

TASK TRACKING APP FOR EDITING TASKS , INSERTING TASKS AND DATE , REMINDER SETUP AND MANY OTHER FEATURES USING REACT.js


Languages

Language:JavaScript 64.6%Language:CSS 26.3%Language:HTML 9.0%