Skip to content

Atharva1802/To-do-app-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React To-Do List

This is a simple to-do list application built using React and Vite. Users can add tasks to a list, mark tasks as complete, and remove tasks from the list. Additionally, the application features accent color changing and light and dark mode functionalities for a more customizable experience.

Demo

You can see a live demo of the application here: Vercel

WhatsApp.Video.2023-03-09.at.17.25.53.mp4

Installation

To get started with the application, follow these steps:

  • Clone the repository to your local machine
  • Run npm install to install the dependencies
  • Run npm run dev to start the development server
  • Navigate to http://localhost:3000 in your web browser to view the application

Usage

  • To add a task to the list, enter the task name in the input field and click the "Add Task" button.

  • To mark a task as complete, click the checkbox next to the task name. To remove a task from the list, click the "X" button next to the task name.

  • To change the accent color of the application, click on the "Change Accent Color" button and select the desired color from the color picker.

  • To switch between light and dark mode, click on the "Toggle Light/Dark Mode" button.

Technologies Used

This application was built using the following technologies:

  • React
  • Vite
  • HTML
  • CSS
  • JavaScript

Contributing

If you would like to contribute to the project, please follow these steps:

  • Fork the repository
  • Create a new branch for your feature or bug fix
  • Make your changes and commit them
  • Push your changes to your fork
  • Submit a pull request to the main repository

If you liked it, a start would really mean a lot to me!

Thank You ~Atharva

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published