MERN App: To-Do-List App for Full Stack Mini Projects

Full stack development refers to the end-to-end application software development, including the front end and back end. The front end consists of the user interface, and the back end takes care of the business logic and application workflows. Consider a retail website.

So in this project we made using of MERN Stack namely, MongoDB, Express JS, React JS, Node JS.

This project is a To-do-list app where users can add update in the app.

Prerequisites/Requirements

Following should be installed on your PC.

1. NodeJs
2. VS Code
3. Rest API extension in your Vscode

We will be using Mongo Atlas in our project the cloud version. Follow neccessary tutorials on how to create a mongo database on the cloud.

Deployment

To Run this project. Fork the project and download it on your PC.

Follow this steps carefully:

Open the folder project: On the server directory installed all the node modules needed for the project to run like:

  npm install 'cors' 'dotenv' 'express' 'mongoose' 'nodemon'

After that on your .env file Connect the database using DB Connect= (strings from the atlas cloud database)

After that start your database

npm start

Now go to the client directory: There follow the same like installing the packages and node modules

npm install 'axios' 'react' 'react-dom' 'react-scripts' 'web-vitals'

After that

npm start

This will help you in runnning your project. Don't Thank me..

Thank Google Baba for sending you guys here to my repository.

Actually, I didn't plan to upload this project on Github but i was feeling boring too much since we got semester exams tommorow. This is the reason, Im wasting my time over here.

Sometimes it might give you errors so keep searching and solve the issue.

If you still can't fix the issue. Connect with me on my socials. We will figure it out together.

Acknowledgements

• Awesome Readme Templates
• Awesome README
• How to write a Good readme Also some youtubers who helped me to complete this project.

Authors

• ME and YOU

Contributing

Contributions are always welcome!

If you want this to look cool. I'm open for it.

FAQ

From where did you get this code?

Youtube, Google

Are the documentation even correct?

Maybe yees but i'm not sure about it.

Screenshots

Deleted those by mistake. I dont want to open it again. But its simple wala to-do-list for college practicals.

Support

Support me by helping me and giving me tips on how to study DSA. I don't like DSA at all.