Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ashgole/react_node_mongo-todo_app

Our Todo App is a modern, feature-rich task management application built with React.js on the frontend and Node.js on the backend. Utilizing technologies like Vite, Tailwind CSS, Axios, Redux, Redux Toolkit, React Router DOM, and MongoDB, it offers user-friendly CRUD operations, secure authentication with JWT, and seamless registration, sign-in.
https://github.com/ashgole/react_node_mongo-todo_app

api axios mongodb nodejs react-query react-router-dom reactjs

Last synced: about 1 month ago
JSON representation

Our Todo App is a modern, feature-rich task management application built with React.js on the frontend and Node.js on the backend. Utilizing technologies like Vite, Tailwind CSS, Axios, Redux, Redux Toolkit, React Router DOM, and MongoDB, it offers user-friendly CRUD operations, secure authentication with JWT, and seamless registration, sign-in.

Awesome Lists containing this project

README

        


ASHABB logo



We offer freelance web development using
MERN, NextJS and ThreeJS.

# REACT NODE MONGO

### This Project is built only for educationl purpose

## Resource links

postman documentation : https://documenter.getpostman.com/view/13125087/2sA35G53Db

mongodb - https://cloud.mongodb.com/v2/6606f58a9739c56e084541ca#/metrics/replicaSet/6606f69eece8467ebe75bbce/explorer/demodb/users/find

frontend added - https://github.com/ashgole/react_node_mongo/tree/main/frontend

backend - https://github.com/ashgole/react_node_mongo/tree/main/backend

flowbite-react - https://flowbite-react.com/docs/components/navbar

## Tags

`MERN` `MERN app` `todo-app`

`frontend` - `Reactjs` `api` `vite` `tailwindcss` `crud` `axios` `redux` `redux-toolkit` `react-query` `useQuery` `useMutation` `react-router-dom` `registration` `signin` `signout`
`authentication`

`backend` - `Nodejs` `routes` `controllers` `models` `mongodb` `jwt` `secure-routes` `crud`

## Screenshots

![Signup 1](https://github.com/ashgole/react_node_mongo/blob/main/public/screenshots/1.png)
![Signin 2](https://github.com/ashgole/react_node_mongo/blob/main/public/screenshots/2.png)
![Homepage 3](https://github.com/ashgole/react_node_mongo/blob/main/public/screenshots/3.png)
![Postman 3](https://github.com/ashgole/react_node_mongo/blob/main/public/screenshots/4.png)

```
working on ... Profile page

cd frontend
npm i
npm run dev

cd backend
npm i
npm run dev
```