https://github.com/himalayasingh3/mern-stack-to-do-list-app
Introducing my Full Stack To-Do List application built with the MERN stack! This app allows users to create, read and delete tasks effortlessly. With a sleek interface and real-time updates, you can manage your tasks efficiently. Perfect for anyone looking to enhance productivity and stay organized!
https://github.com/himalayasingh3/mern-stack-to-do-list-app
expressjs mongodb mui-material nodejs reactjs tailwindcss
Last synced: 7 months ago
JSON representation
Introducing my Full Stack To-Do List application built with the MERN stack! This app allows users to create, read and delete tasks effortlessly. With a sleek interface and real-time updates, you can manage your tasks efficiently. Perfect for anyone looking to enhance productivity and stay organized!
- Host: GitHub
- URL: https://github.com/himalayasingh3/mern-stack-to-do-list-app
- Owner: HimalayaSingh3
- License: mit
- Created: 2024-09-06T02:44:23.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T17:17:45.000Z (11 months ago)
- Last Synced: 2025-01-25T14:12:20.987Z (8 months ago)
- Topics: expressjs, mongodb, mui-material, nodejs, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 3.31 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Full Stack To-Do List
Welcome to my **Full Stack To-Do List** application built with the **MERN stack** (MongoDB, Express, React, Node.js)! This application allows users to manage their tasks efficiently with a user-friendly interface and real-time updates.
## 📚 Features
- **Create Tasks**: Easily add new tasks to your to-do list.
- **Read Tasks**: View all your tasks at a glance.
- **Delete Tasks**: Remove tasks when they are no longer needed.
## 🛠 Technologies Used
- **MongoDB**: For storing task data.
- **Express**: A web framework for building the backend API.
- **React**: For creating a dynamic and responsive user interface.
- **Node.js**: For server-side JavaScript execution.
- **MUI**: A popular React UI framework that provides pre-designed components.
- **TailwindCSS**: A utility-first CSS framework for rapid UI development.
## 📁 Project Structure
```
/Full-Stack-To-Do-List-App
├── client # React frontend
│ ├── src
│ ├── public
│ └── package.json
├── server # Node.js backend
│ ├── models
│ ├── routes
│ ├── config
│ └── server.js
└── README.md
```
## 🚀 Getting Started
To set up and run this application locally, follow these steps:
### 1. Clone the repository:
```bash
git clone https://github.com/HimalayaSingh3/Full-Stack-To-Do-List-App.git
```
### 2. Navigate to the project directory:
```bash
cd Full-Stack-To-Do-List-App
```
### 3. Set up the server:
#### Navigate to the server directory:
```bash
cd Backend
```
#### Install dependencies:
```bash
npm install
```
#### Start the server:
```bash
node server.js
```
### 4. Set up the client:
#### Open a new terminal window and navigate to the client directory:
```bash
cd Frontend
```
#### Install dependencies:
```bash
npm install
```
#### Start the React app:
```bash
npm run dev
```
### 5. Open your browser and go to `http://localhost:3000`.
## 💡 How to Use
- Use the interface to add new tasks, mark them as complete, or delete them as needed.
- Enjoy managing your tasks efficiently!
## 🤝 Contributing
Contributions are welcome! If you have suggestions or improvements, feel free to fork the repository and submit a pull request.
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
Thank you for checking out my Full Stack To-Do List! Happy organizing!
---
Feel free to customize any sections or add more details specific to your project!