css express javascript-framework mern-stack mongodb nodejs react tailwind-css

CRUD Operations MERN Stack TODO App

Welcome! 👋

Overview

The challenge

Users should be able to:

Create new TODO items
Read existing TODO items
Update TODO items
Delete TODO items
View a list of TODO items with their status (completed/incomplete)
Experience a responsive design for both PC and mobile devices

How to setup the project

To set up the project locally, follow these steps:

Clone the repository using GitHub Desktop or Git Bash:

git clone https://github.com/SartHak-0-Sach/CRUD_operations_MERN_stack_TODO_app.git

Navigate to the project directory:
```
cd CRUD_operations_MERN_stack_TODO_app
```
Install the necessary dependencies for both the server and client:
```
cd server
npm install
cd ../client
npm install
```

Screenshot

Links

Solution URL: Link to this repo
Live Site URL: Live site URL

How to run

Note: You need Node.js and npm installed on your machine.

Start the server:
```
cd server
npm start
```
Start the client:
```
cd client
npm start
```

How to build

Build the client:
```
cd client
npm run build
```

A build folder should be created inside the client directory.

How to preview the build

Preview the build:
```
cd client
npm run serve
```

My process

Built with

MongoDB
Express.js
React
Node.js
Tailwind CSS

What I learned

Working on this project allowed me to solidify my understanding of full-stack development using the MERN stack. I gained valuable experience in managing state with React and implementing CRUD operations with Express and MongoDB.

Continued development

I aim to further enhance the application by adding user authentication, implementing advanced filtering options, and optimizing the performance of the app.

Useful resources

MongoDB Documentation - Essential for database management and CRUD operations.
Express.js Documentation - Comprehensive guide to using Express.js for backend development.
React Documentation - Comprehensive guide to React.
Node.js Documentation - Documentation for Node.js runtime.
Tailwind CSS Documentation - Great resource for utility-first CSS framework.

Author

Sarthak Sachdev

Website - Sarthak Sachdev
LeetCode - @sarthak_sachdev
Twitter - @sarthak_sach69

Acknowledgments

Special thanks to the extensive community and resources available on YouTube, Stack Overflow, and various blogs that provided invaluable assistance and guidance throughout this project.

Got feedback for me?

I love receiving feedback! I am always looking to improve my code and take up new innovative ideas to work upon. So if you have anything you'd like to mention, please email 'hi' at saarsaach30[at]gmail[dot]com.

If you liked this project, make sure to spread the word and share it with all your friends.

Happy coding! ☺️🚀

About

A full-stack TODO application built using the MERN stack (MongoDB, Express.js, React, Node.js) with CRUD functionalities. Features responsive design and state management. Ideal for both desktop and mobile.