Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/piyush0663/todo-list
A simple and responsive To-Do List application built with React.js, featuring task management with add, delete, and complete functionalities. The app is mobile-friendly and utilizes local storage to persist tasks across sessions.
https://github.com/piyush0663/todo-list
app appdevelopment development reactjs todoapp todolist website
Last synced: 28 days ago
JSON representation
A simple and responsive To-Do List application built with React.js, featuring task management with add, delete, and complete functionalities. The app is mobile-friendly and utilizes local storage to persist tasks across sessions.
- Host: GitHub
- URL: https://github.com/piyush0663/todo-list
- Owner: piyush0663
- Created: 2024-07-25T09:22:26.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-15T13:58:01.000Z (6 months ago)
- Last Synced: 2024-11-12T16:39:17.179Z (3 months ago)
- Topics: app, appdevelopment, development, reactjs, todoapp, todolist, website
- Language: JavaScript
- Homepage:
- Size: 349 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To-Do List Application
This is a simple and responsive To-Do List application built with React.js. The app allows users to add, delete, and mark tasks as complete, helping them stay organized and manage their daily activities effectively.
## Features
- **Add Tasks**: Quickly add new tasks to your to-do list.
- **Delete Tasks**: Remove tasks that are no longer needed.
- **Mark as Complete**: Toggle tasks as completed or incomplete.
- **Responsive Design**: The app is mobile-friendly and works well on different screen sizes.
- **Local Storage**: Tasks are saved in the browser's local storage, so they persist between page reloads.
## Installation
To run this project locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/your-username/todo-react-app.git
```
2. **Navigate to the project directory**:
```bash
cd todo-react-app
```
3. **Install dependencies**:
```bash
npm install
```
4. **Start the development server**:
```bash
npm start
```
The app will be available at `http://localhost:3000/`.
## Technologies Used
- **React.js**: A JavaScript library for building user interfaces.
- **CSS**: For styling the application.
- **Local Storage**: For persisting tasks between sessions.
## Project Structure
```bash
todo-react-app/
│
├── public/
│ ├── index.html
│ └── ...
│
├── src/
│ ├── components/
│ │ ├── TodoItem.js
│ │ ├── TodoList.js
│ │ └── ...
│ ├── App.js
│ ├── index.js
│ └── ...
│
├── .gitignore
├── package.json
├── README.md
└── ...