/todo-app

React Js with TypeScript Todo Application.

Primary LanguageTypeScript

Todo App

A simple Todo application built with React and Tailwind CSS. The app allows users to add, complete, and delete tasks, providing a straightforward way to manage their to-do list.

Features

  • Add new tasks with a title.
  • Mark tasks as completed.
  • Delete tasks.
  • View a summary of completed tasks and delete all completed tasks.

Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/todo-app.git
  2. Navigate to the project directory:

    cd todo-app
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your web browser and go to http://localhost:3000 to use the Todo app.

Project Structure

  • src/components: Contains React components for the Todo app.
  • src/hooks: Custom hooks for managing Todo data.
  • src/data: Dummy data used for testing and prototyping.
  • src/index.css: Stylesheet for the application using Tailwind CSS.
  • src/App.js: Main application component integrating components and hooks.

Contributing

Contributions are welcome!