MERN NoteTaker

A full-stack note-taking application built with the MERN stack (MongoDB, Express, React, Node.js) to practice modern web development.

Project Overview

This project demonstrates a complete full-stack application with a React-based frontend and a Node.js/Express API backend, both communicating with a MongoDB database.

Tech Stack Summary

Frontend

• React 19 - UI library
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• React Router - Client-side routing
• Axios - HTTP client for API calls

Backend

• Express.js 5.2.1 - Web framework
• MongoDB - NoSQL database
• Mongoose 9.0.2 - ODM for MongoDB

Project Structure

.
├── frontend/          # React + Vite SPA
│   ├── src/
│   ├── package.json
│   └── README.md      # Frontend-specific setup & details
└── backend/           # Express.js API
    ├── src/
    ├── package.json
    └── README.md      # Backend-specific setup & details

Quick Start

Backend Setup

cd backend
npm install
npm run dev  # Starts on port 5001

Frontend Setup

cd frontend
npm install
npm run dev  # Starts dev server

Documentation

• Frontend README – Vite, React, Tailwind CSS setup and features
• Backend README – Express, MongoDB, API endpoints documentation