https://github.com/binodrai123/react-todo-list
Project Todo List Made From ReactJs
https://github.com/binodrai123/react-todo-list
reactjs tailwindcss typescript-react
Last synced: 10 months ago
JSON representation
Project Todo List Made From ReactJs
- Host: GitHub
- URL: https://github.com/binodrai123/react-todo-list
- Owner: BinodRai123
- Created: 2025-05-11T15:49:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-11T16:23:49.000Z (about 1 year ago)
- Last Synced: 2025-05-12T22:59:28.959Z (about 1 year ago)
- Topics: reactjs, tailwindcss, typescript-react
- Language: TypeScript
- Homepage:
- Size: 66.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✅ React Todo List
A simple and efficient Todo List application built using **React**, **TypeScript**, and **Vite**. This project allows users to add, delete, and manage their daily tasks with ease.
## 🌟 Features
- **Add Tasks**: Easily add new tasks to your todo list.
- **Delete Tasks**: Remove tasks that are no longer needed.
- **Responsive Design**: Optimized for various screen sizes, ensuring usability across devices.
- **Fast Performance**: Leveraging Vite for rapid development and optimized builds.
## 🛠️ Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **TypeScript**: A typed superset of JavaScript that compiles to plain JavaScript.
- **Vite**: A fast build tool and development server.
- **ESLint**: A tool for identifying and fixing problems in JavaScript code.
## 📁 Folder Structure
```
React-Todo-List/
├── public/
│ └── index.html
├── src/
│ ├── components/
│ │ └── TodoItem.tsx
│ ├── App.tsx
│ └── main.tsx
├── .gitignore
├── index.html
├── package.json
├── tsconfig.json
├── vite.config.ts
└── README.md
```
## 🚀 Getting Started
To run this project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/BinodRai123/React-Todo-List.git
cd React-Todo-List
```
2. **Install dependencies**:
```bash
npm install
```
3. **Start the development server**:
```bash
npm run dev
```
The application will be available at `http://localhost:5173/`.
## 📸 Screenshots
## 📄 License
This project is licensed under the [MIT License](LICENSE).