Skip to content

PDhvanik/To-Do-List-React

Repository files navigation

TODO List Application

Overview

This is a basic TODO list application built using Vite and React. The application allows users to add, delete, and mark tasks as completed, providing a simple and efficient way to manage daily tasks.

Technologies Used

  • Vite: Next-generation frontend tooling.

  • React: JavaScript library for building user interfaces.

Features

  • Add Tasks: Users can add new tasks to the list.

  • Delete Tasks: Users can remove tasks from the list.

  • Mark as Completed: Users can mark tasks as completed.

  • Responsive Design: The application is responsive and works on various device sizes.

Demonstration

TODO App UI:

Screenshot

Getting Started

Prerequisites

  • Node.js and npm (Node Package Manager)

Installation

  1. Clone the repository:

    git clone https://github.com/PDhvanik/TodoListApp.git
    cd TodoListApp
  2. Install dependencies and Start the development server:

    npm install
    npm run dev
  3. Open the application:

    • Open your browser and navigate to http://localhost:5173.

Usage

  • Adding a Task: Enter a task in the input field and click the "Add Task" button.

  • Deleting a Task: Click the delete icon next to a task to remove it.

  • Marking a Task as Completed: Click on a task to toggle its completion status.

Contributions

Contributions are welcome! If you have any ideas or find bugs, feel free to fork the repository and submit a pull request.

Contact

For any inquiries or feedback, feel free to reach out to me on LinkedIn.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published