To-Do List Application

Description

A simple To-Do List application built with React. It allows users to add, edit, delete, and mark tasks as complete. It supports dark and light mode, which is saved in local storage for a consistent user experience. Also task will persist across sessions aa it is saved in local storage.

Features

• Add new tasks to the list
• Edit existing tasks
• Delete tasks
• Mark tasks as completed or incomplete
• Dark mode toggle (saved in local storage)
• Tasks persist in local storage
• Displays current day and date

Installation and Setup

Built with Vite

This project is built using Vite, a fast frontend tooling framework for modern web development.

Prerequisites

• Node.js (v14 or higher)
• npm (with Node.js) or yarn

Steps to Run the Application

1. Clone the repository and navigate to the project folder.
2. Install the necessary dependencies.
3. Start the development server.
4. Open your browser and visit the local development URL to see the app running.

How to Use the Application

1. Type a task in the input field and click "ADD+" to add it to the list.
2. Click the tick icon to mark a task as completed or incomplete.
3. Click the edit icon to modify an existing task.
4. Click the delete icon to remove a task from the list.
5. Toggle the dark mode button to switch between dark and light themes.

Technologies Used

• React.js
• Tailwind CSS
• Local Storage (for persisting tasks and dark mode preference)