Full Stack To-Do App - NextJs

A simple and responsive To-Do application built with Next.js for the frontend and MongoDB as the backend database. This project demonstrates how to build a full-stack web application using modern web technologies and database management.

Features

• ✅ Add, Delete, Mark as Complete tasks
• 🗂️ MongoDB Integration for persistent data storage
• 📱 Responsive Design using Tailwind CSS
• 🔄 Full CRUD (Create, Read, Update, Delete) operations
• ⚡ Fast Performance using Next.js server-side rendering
• 🌐 API Handling with Axios for smoother communication between frontend and backend

Tech Stack

• Frontend: Next.js, Tailwind CSS
• Backend: Next.js API Routes, MongoDB (via Mongoose)
• Database: MongoDB (NoSQL)
• API Client: Axios

Installation & Setup

1. Clone the repository

git clone https://github.com/charith-codex/to-Do-App_next.js.git

2. Install dependencies

npm install

3. Set up environment variables

Create a .env file in the root of your project and add your MongoDB connection string:

MONGODB_URI=mongodb+srv://<username>:<password>@cluster0.mongodb.net/todo-app

4. Run the app

npm run dev