To-Do App

A full-stack to-do application built with React, Node.js, Express, and MongoDB. This application allows users to create, read, update, and delete to-do items with a clean and responsive user interface.

Features

• Add new to-do items
• Mark items as complete/incomplete
• Delete items
• Responsive design
• Real-time updates
• Clean and modern UI with Material-UI

Prerequisites

• Node.js (v14 or later)
• npm or yarn
• MongoDB (local or cloud instance)

Getting Started

Backend Setup

1. Navigate to the server directory:

   cd server

2. Install dependencies:

   npm install

3. Start the MongoDB service (if not already running):

   # On macOS (using Homebrew)
   brew services start mongodb-community

4. Start the backend server:

   npm start

   The server will start on http://localhost:5000

Frontend Setup

1. Open a new terminal and navigate to the client directory:

   cd client

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

   The application will open in your default browser at http://localhost:3000

Project Structure

todo-app/
├── client/                 # Frontend React application
│   ├── public/             # Static files
│   └── src/                # React components and styles
│       ├── App.js          # Main application component
│       └── index.js        # Entry point
└── server/                 # Backend Node.js/Express server
    ├── node_modules/       # Dependencies
    ├── server.js           # Main server file
    └── package.json        # Backend dependencies and scripts

Available Scripts

Frontend (in /client directory)

• npm start - Start the development server
• npm test - Run tests
• npm run build - Build the app for production

Backend (in /server directory)

• npm start - Start the server
• npm run dev - Start the server with nodemon for development

Dependencies

Frontend

• React
• Material-UI
• Axios
• React Icons

Backend

• Express
• Mongoose
• CORS
• Dotenv

License

This project is open source and available under the MIT License.