An open API service indexing awesome lists of open source software.

https://github.com/belohith/task-manager-mern

MERN Full Stack Task Management App
https://github.com/belohith/task-manager-mern

express full-stack mern mongodb netlify nodejs react render webapp

Last synced: 3 months ago
JSON representation

MERN Full Stack Task Management App

Awesome Lists containing this project

README

          

# Task Manager MERN App

A full-stack task management web app built with MongoDB, Express, React, and Node.js.

## 🌐 Live Demo

- Frontend: [https://task-manager-mern-belohith.netlify.app/](https://task-manager-mern-belohith.netlify.app/)
- Backend API: [https://task-manager-mern-yte7.onrender.com](https://task-manager-mern-yte7.onrender.com)

## 🚀 Features

- User authentication (login/signup)
- Create, edit, delete tasks
- Mark tasks as completed
- Dashboard with task stats
- Responsive design with light/dark mode

## 🛠 Tech Stack

- **Frontend:** React, Vite, TailwindCSS, React Router, Axios
- **Backend:** Node.js, Express, MongoDB Atlas, Mongoose, JWT

## 📦 How to Run Locally

1. Clone the repo:
```bash
git clone https://github.com/belohith/task-manager-mern.git
```

2. Install backend:
```bash
cd backend
npm install
npm run dev
```

3. Install frontend:
```bash
cd ../frontend/Task-Manager
npm install
npm run dev
```

4. Add environment variables in both folders.

## 📁 Folder Structure

```
task-manager-mern/
├── backend/
└── frontend/
└── Task-Manager/
```

## 👤 Author

Made by [Lohith Bollineni](https://belohithdev.framer.website)