ToDo List - MERN

A simple and functional ToDo List application built using the MERN stack (MongoDB, Express.js, React, Node.js). This project provides a clean example of task management with CRUD functionality and some additional productivity features.

Features

• Add new tasks with title and description
• View a list of all tasks
• Edit and update existing tasks
• Delete tasks
• Mark tasks as complete or incomplete
• Set deadlines for each task
• Filter tasks by completion status
• Search tasks by keyword

Tech Stack

• Frontend: React
• Backend: Node.js, Express.js
• Database: MongoDB
• API: RESTful API

Installation

1. Clone the Repository

 git clone https://github.com/Clawwo/TodoList-MERN.git

 cd todolist-mern

2. Install Dependencies

Backend

 cd server

 npm install

Frontend

 cd ../client

 npm install

3.Running the Application

Start the Backend Server

 cd server

 npm run server

Start the Frontend

 cd client

 npm run dev

Environment Variables

Create a .env file in the /server directory and add the following

 MONGO_URI=your_mongodb_connection_string
 JWT=your_jwt_secret

Screenshot

Developer Identity

• Name: Farel Haryanto
• Email: farelharynto@gmail.com
• Linkedin: https://www.linkedin.com/in/farel-haryanto-790553343/
• Created on: 25-05-2025