Skip to content

A react mastery repository contains Foundational, Advanced Topics, and EcoSystem

Notifications You must be signed in to change notification settings

Ashok-Kumar-dharanikota/REACT-Mastery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 

Repository files navigation

Task Tracker Application

This project is a simple Task Tracker application built using React. It utilizes the useState hook to manage the state of tasks in different categories - Todo's, In Progress, and Completed.

Task Tracker Logo

Getting Started

To get started with the Task Tracker Application, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Ashok-Kumar-dharanikota/REACT-Mastery.git

    Change into the project directory:

    cd task-tracker-app

    Install dependencies:

    npm install

    Run the application:

    npm run dev

    This will start the development server, and you can view the app in your browser at http://localhost:5173

Functionality

The Task Tracker Application allows you to manage tasks in three different states:

  • Todo's: Tasks that are yet to be started.
  • Progress: Tasks that are currently in progress.
  • Completed: Tasks that have been successfully completed.

Each task has a title and a description associated with it. You can easily add, move, and remove tasks between the different categories.

Features

  • Add Task: Click the "Add Task" button to create a new task. Provide a title and description for the task.
  • Responsive Design: The application is designed to be responsive, ensuring a seamless experience across various devices.

Technologies Used

  • React
  • useState hook for state management

Project Structure

The project structure is organized as follows:

  • src/
    • components/: React components used in the application.
    • App.js: Main application component.
    • App.css: Styling for the application.

Contributing

If you'd like to contribute to the project, please follow the standard GitHub workflow:

  • Fork the repository.
  • Create a new branch for your feature or bug fix: git checkout -b feature-name.
  • Make your changes and commit them: git commit -m 'Add new feature'.
  • Push the changes to your fork: git push origin feature-name.
  • Create a Pull Request.

About

A react mastery repository contains Foundational, Advanced Topics, and EcoSystem

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published