https://github.com/harshsinghvi/todo-app
TODO APP with React, Node, Express, mongodb and Redux
https://github.com/harshsinghvi/todo-app
express mongodb node nodejs nodejs-api react
Last synced: about 1 month ago
JSON representation
TODO APP with React, Node, Express, mongodb and Redux
- Host: GitHub
- URL: https://github.com/harshsinghvi/todo-app
- Owner: harshsinghvi
- Created: 2021-03-29T13:48:34.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-05-04T07:46:09.000Z (almost 4 years ago)
- Last Synced: 2025-02-05T09:18:35.223Z (3 months ago)
- Topics: express, mongodb, node, nodejs, nodejs-api, react
- Language: JavaScript
- Homepage: https://todo-app-harsh.herokuapp.com
- Size: 1.6 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TODO APP with React, Node, Express, mongodb and Redux
> I have made the backend on Express Js and there by the Bcakend serves the static files and the index.html file generated React UI. I have used Redux to store counts of Completed tasks and total tasks between Footer component and the Main app component (TodoApp.js). Backend connects to Database(MongoDB) and has API endpoints.
## Live Demo: [https://todo-app-harsh.herokuapp.com](https://todo-app-harsh.herokuapp.com)
## Usage:
- Clone the Repository
```bash
git clone https://github.com/harshsinghvi/todo-app.git
cd todo-app
```
- install Dependencies
`npm install`
- build ReactUI FrontEnd `npm run buid`
- set the **MONGO_DB_URI** environment variable so that our backend can access Database `export MONGO_DB_URI="mongodb+srv://:@cluster0.******.mongodb.net/todo-app"` and make a database name `todo-app` and a collection in it names `todos`.
- Run the Server
`npm start`
> index.js serves backend and frontend together
## API
This API communicates data in JSON format.
- `GET /` - Serves the webapp (frontend)
- `GET /api/todos` - Returns the list TODOS with their properties
- `POST /api/todos` - Takes `"name"` in and creates new todo
- `PUT /api/todos` - updates a specific todo distincted by `_id` property given by `GET /api/todos`
- `DELETE /api/todos` - Deletes a specific todo distincted by `_id` property given by `GET /api/todos`