Coders Packet

ToDoList using Reactjs, nodejs,mongodb

By Bandi Shanmukhi

It is a web application that helps you in managing your tasks by allowing you to note your to-do tasks and delete them after done

I have built this to-do list web application using technologies like Reactjs, Css for frontend and Nodejs, Express js for backend, and MongoDB database for storing data. I used Axios for communication between the front end and the back end.

Working functionality of the website:

On the home page, If you are a new user you will be asked to sign up to the website to store your details in the database to identify your tasks whenever you log in, or if you already have an account you can sign in.

After signup or signing to the website you will be taken to the main page where you can view your to-do tasks, add your to-do tasks, and after done with them with just a  click on the task will delete that task. All the tasks are stored in the database and whenever you delete them those tasks will also be deleted in the database.

How to run:

1. Go to the  frontend folder and open git bash there and run

npm install

npm start

2. Go to the backend folder and open git bash there and run

npm install

node index.js

Here are the links to the web pages:

Main page

Home page

Download Complete Code

Comments

No comments yet

Download Packet

Reviews Report

Submitted by Bandi Shanmukhi (Shanmukhi)

Download packets of source code on Coders Packet