Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amanmandal-m/todo_app_react
This is a simple Todo app built with React.js. It allows you to manage and keep track of your todos in an organized manner.
https://github.com/amanmandal-m/todo_app_react
css html javascript react-js
Last synced: about 8 hours ago
JSON representation
This is a simple Todo app built with React.js. It allows you to manage and keep track of your todos in an organized manner.
- Host: GitHub
- URL: https://github.com/amanmandal-m/todo_app_react
- Owner: Amanmandal-M
- Created: 2023-07-16T06:37:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-16T15:41:23.000Z (over 1 year ago)
- Last Synced: 2024-04-09T14:57:36.806Z (7 months ago)
- Topics: css, html, javascript, react-js
- Language: JavaScript
- Homepage: https://todo-app-tau-ashy.vercel.app/
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Todo App
This is a simple Todo app built with React.js. It allows you to manage and keep track of your todos in an organized manner.
## Features
- Add new todos
- Delete existing todos
- Dynamic updating of todo list
## Technologies Used
- React.js
- HTML
- CSS
- JavaScript
## Getting Started
Follow the instructions below to get started with the Todo app on your local machine.
### Prerequisites
- Node.js (v12 or higher)
- npm (Node Package Manager)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Amanmandal-M/Todo_App_React.git
2. Navigate to the project directory:
```
cd todo-app
```
3. Install the dependencies:
```
npm install
```
## Usage
1. Start the development server:
```
npm run start
npm start
```
Note : You can choose any one of these
2. Open your browser and go to http://localhost:3000 to view the Todo app.
3. You can add new todos by typing in the input field and clicking the "Add" button.
4. To delete a todo, click the "Delete" button next to the respective todo.
## Customization
- If you want to customize the styles of the Todo app, you can modify the src/App.css file.
- To add additional features or enhancements, you can explore the src/App.js file and make the necessary changes.
## Deployment
To deploy the Todo app to a live server, you can follow the deployment instructions for React.js. Here are a few popular options:
- Netlify
- Vercel
- GitHub Pages
## Contributing
Contributions are welcome! If you have any ideas, improvements, or bug fixes, please open an issue or submit a pull request.
## Acknowledgements
- React.js
- Create React App
- GitHub