Skip to content

Fullstack Todo List App built with the MERN Stack (MongoDB, Express, React, Node.js). Includes task creation, backend API integration, and simple responsive design with CSS.

Notifications You must be signed in to change notification settings

wigmarjoe/TodoList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

22 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Todo List App πŸ“

A Todo List web app built with the MERN stack to practice fullstack development.

License: MIT


πŸš€ Tech Stack

  • MongoDB – Database
  • Express.js – Server & API
  • React.js – Frontend
  • Node.js – Backend logic
  • Axios – API requests
  • CSS – Styling & responsiveness

✨ Features

  • Add, edit, and delete tasks
  • Persistent storage with MongoDB
  • Responsive UI
  • RESTful API integration

⚑ Getting Started

  1. Clone the repo:
    git clone https://github.com/your-username/todo-list.git
    cd todo-list
  2. Install dependencies:

npm install cd client npm install 3. Create a .env in the backend folder:

MONGO_URI=your_mongodb_connection_string PORT=5000 4. Run the backend:

npm run server 5. Run the frontend:

npm start

🎨 Usage

Access the app at http://localhost:3000

Add tasks and manage them in real time git clone https://github.com/your-username/todo-list.git cd todo-list

🎬 Demo

πŸ‘‰ Click to watch the demo video

About

Fullstack Todo List App built with the MERN Stack (MongoDB, Express, React, Node.js). Includes task creation, backend API integration, and simple responsive design with CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published