My Todo App

My Todo App is a fully responsive, secure, and dynamic task management application built using React and Tailwind CSS. It allows users to manage their tasks efficiently with functionalities to add, update, and delete tasks. The app leverages local storage, ensuring tasks persist even after closing the browser.

Features

• Add, Update, Delete Todos: Manage your tasks effortlessly.
• Persistent Storage: Uses local storage to save tasks across sessions.
• Fully Responsive: Optimized for all devices, from desktops to mobile phones.
• Secure: Ensures data security within the user's local environment.
• Dynamic: Real-time updates and changes to the task list.

Technologies Used

• React: For building the user interface.
• Tailwind CSS: For styling and responsiveness.
• Local Storage: To store tasks persistently.

Getting Started

Prerequisites

• Node.js (version 14.x or later)
• npm (Node Package Manager)

Installation

1. Clone the repository:

   git clone https://github.com/MrRuhanshaikh/my-todo-app.git
   

2. Navigate to the project directory:

   cd my-todo-app
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

5. Open your browser at:

   http://localhost:3000
   

Usage

• Add a Todo: Enter a task and click 'Add'.
• Update a Todo: Edit tasks by clicking the edit icon.
• Delete a Todo: Remove tasks using the delete icon.
• Tasks are saved automatically in local storage for persistence.

Code Structure

• src/components: Contains React components such as TodoList, TodoItem, and AddTodo.
• src/App.js: Main component handling the todo list logic.
• src/index.js: Entry point of the application.

Contributing

1. Fork the repository.
2. Create a branch (git checkout -b feature-branch-name).
3. Commit changes (git commit -m 'Add some feature').
4. Push the branch (git push origin feature-branch-name).
5. Open a Pull Request.