ThinkBoard 🧠📝

Organised Notes Application App

A production-ready app built with the MERN stack
focused on clean architecture, scalability, and modern UI.

🔗 Live Demo • 📦 GitHub Repo

---

---

✨ Features

• 🗒️ Notes Management — Create/Delete/Update/Organise notes Seamlessly in One place

• ⚛️ Modern Frontend — React + Vite with TailwindCSS & DaisyUI

• 🔗 Split Architecture — Independent frontend & backend

• ☁️ Cloud Database — MongoDB Atlas

• 🔒 Rate Limiting — Abuse prevention using Upstash Redis

• 🌍 CORS Enabled — Supports multiple frontend/backend origins

• 🚀 CI/CD Ready — GitHub workflows included

• 🌙 Dark UI with Animated Glow — Clean, premium interface

  ---

🧠 Technical Highlights

Backend

• RESTful API built with Express.js
• MongoDB data modeling using Mongoose
• Centralized error handling & middleware
• Rate limiting implemented using Upstash Redis
• Environment-based configuration (dev / prod)

Frontend

• Component-based architecture with React
• Fast builds & HMR using Vite
• Client-side routing with React Router
• API abstraction using Axios
• Responsive dark UI using TailwindCSS + DaisyUI

---

📂 Project Structure

MERN-ThinkBoard/
├── backend/
│   ├── src/
│   │   ├── config/
│   │   ├── routes/
│   │   ├── middleware/
│   │   ├── controllers/
│   │   └── server.js
│   ├── .env
│   └── package.json
│
├── frontend/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── hooks/
│   │   ├── lib/
│   │   └── main.jsx
│   ├── index.html
│   └── package.json
│
└── README.md

🔮 Roadmap

Phase 1 — Completed
✔ CRUD Notes
✔ Dark UI
✔ MERN Architecture
✔ MongoDB Atlas
✔ Rate Limiting
Phase 2 — In Progress
⬜ JWT Authentication
⬜ User Roles
⬜ Search & Filters
⬜ Performance Optimization