Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sayadkhan/todo-list-app
https://github.com/sayadkhan/todo-list-app
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/sayadkhan/todo-list-app
- Owner: Sayadkhan
- Created: 2024-02-08T15:26:20.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-02-14T14:48:37.000Z (12 months ago)
- Last Synced: 2024-02-15T13:34:29.939Z (12 months ago)
- Language: JavaScript
- Homepage: https://todo-list-app-phi-ten.vercel.app
- Size: 68.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Todo App
This is a simple to-do application built with React, Vite, and Tailwind CSS.
## Features
- Add new todos
- Mark todos as completed
- Delete todos
- Filter todos by status (All, Active, Completed)
- Clear all completed todos## Technologies Used
- React A JavaScript library for building user interfaces.
- Vite: A next-generation frontend tooling.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/your-username/react-todo-app.gitcd react-todo-app
npm install
npm run dev```
react-todo-app/
│
├── public/ # Static assets and HTML template
│ ├── index.html
│ └── ...
│
├── src/ # React components and application logic
│ ├── components/ # Reusable UI components
│ ├── App.js # Main application component
│ ├── index.js # Entry point
│ └── ...
│
├── tailwind.config.js # Tailwind CSS configuration
├── package.json # npm package configuration
└── README.md # Project documentation