Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baqar-abbas/react-todo-app
This is a react todo webapp that displays a list of to do tasks and allows users to add and remove tasks from the list. This web app demonstrates how to create a To-do-list by using React JS.
https://github.com/baqar-abbas/react-todo-app
components localstorage react-icons reactjs vite
Last synced: 12 days ago
JSON representation
This is a react todo webapp that displays a list of to do tasks and allows users to add and remove tasks from the list. This web app demonstrates how to create a To-do-list by using React JS.
- Host: GitHub
- URL: https://github.com/baqar-abbas/react-todo-app
- Owner: baqar-abbas
- License: mit
- Created: 2024-01-27T23:23:09.000Z (12 months ago)
- Default Branch: development
- Last Pushed: 2024-06-05T19:07:03.000Z (8 months ago)
- Last Synced: 2025-01-09T07:20:00.504Z (16 days ago)
- Topics: components, localstorage, react-icons, reactjs, vite
- Language: JavaScript
- Homepage: https://react-todo-app-three-rosy.vercel.app
- Size: 282 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-todo-app
| Todo App |
| ----------------------------- |
|  |
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
> **[REACT-TODO-APP]** React Todo app is built using React.js. It serves as a todo list app to keep track of your tasks, utilizing React components, states, and React Router.
Client
- **[Design the Application to handle responsiveness for differnt screen sizes]**
- **[Design and implement the functionality of Todo app to create, edit, add and delete tasks]**
- **[Desgin and implement the functionality of conditional renderring]**
- **[Design the Home page which displays the information regarding the To Do App]**
- [Live Demo](https://react-todo-ko69pb18l-baqar-abbas-projects.vercel.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- GitHub Account, VScode and Node Js Environment.
##
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:baqar-abbas/react-todo-app.git
```
### Install
Install this project with:
```sh
npm install
```
### Usage
To run the project, execute the following command:
```sh
Live server extension
```
### Run tests
To run tests, run the following command:
```sh
NA
```
👤 **Baqar Abbas**
- GitHub: [@Baqar](https://github.com/baqar-abbas)
- Twitter: [@BaqarAbbas9](https://twitter.com/BaqarAbbas9)
- LinkedIn: [Baqar Abbas](https://www.linkedin.com/in/baqar-abbas/)
- [ ] **[More categories will be added]**
- [ ] **[New functionalities will be incorporated]**
- [ ] **[Functionality of sending notifications will be added]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/baqar-abbas/react-todo-app/issues/new).
If you like this project, give it a star.
I would like to thank ALL of them who support this idea about To do App.
This project is [MIT](./LICENSE) licensed.