Skip to content

dhruvaaArya05/Todo-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

📝 Todo App with User Authentication & Session Management

A simple full-stack Todo application built with **MERN stack** (MongoDB, Express, React, Node.js) that includes **user authentication**, **session management**, and **CRUD operations** for todos.

🚀 Features

  • ✅ User Signup and Login
  • 🔒 Session-Based Auth with express-session
  • 👤 User-Specific Todos
  • 🗃️ MongoDB for data persistence
  • 🍪 Cookies to maintain login sessions
  • ⚛️ React Router for routing between pages
  • 🧼 Input Validation and Error Handling

🧰 Tech Stack

Frontend

  • React
  • React Router
  • Fetch API with withCredentials: true

Backend

  • Node.js
  • Express
  • MongoDB (via Mongoose)
  • express-session
  • connect-mongo (for storing sessions in MongoDB)
  • CORS configuration with credentials support

📂 Folder Structure

  client/ # React frontend
└── src/
├── components/
├── pages/
└── App.js

server/ # Express backend
├── controllers
├── models/ # Mongoose schemas (User, Todo)
├── routes/ # Auth and Todo routes
├── middleware/ # Auth check middleware
├── app.js # Express app setup / Entry point

⚙️ Setup Instructions

1. Clone the Repository

git clone https://github.com/dhruvaaArya05/Todo-App.git
cd Todo App

2. Backend Setup

cd todo-backend
npm install
npm start

3.Frontend Setup

cd todo-frontend
cd todo-app
npm run dev

#Screenshots Screenshot 2025-05-11 225105 Screenshot 2025-05-11 225131 Screenshot 2025-05-11 225155

🧑‍💻Author Made by Dhruva Keshav Arya

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors