Overview

Thinkboard is a straightforward yet powerful notes application that demonstrates core full-stack development skills. Built with the classic MERN stack, it provides a seamless note-taking experience with modern UI/UX patterns and production-ready features like rate limiting.

Tech Stack

• Backend: Node.js with Express.js, MongoDB with Mongoose ODM, Upstash Redis for rate limiting

• Frontend: React with Vite, React Router for navigation, Axios for API calls

• Styling: Tailwind CSS and DaisyUI for modern, responsive design

• UI Enhancements: React Hot Toast for notifications, Lucide React for icons

• Infrastructure: CORS for cross-origin requests, Dotenv for environment variables

Key Features

• Create Notes: Add new notes with title and content through an intuitive interface

• View Notes: Display all notes in a grid layout with the most recent first

• Edit Notes: Update existing notes with a smooth editing experience

• Delete Notes: Remove notes permanently with confirmation

• Rate Limiting: Built-in rate limiting using Upstash Redis to prevent abuse

• Responsive Design: Mobile-friendly UI using Tailwind CSS and DaisyUI

• Real-time Feedback: Toast notifications for user actions and error handling

Technical Highlights

• RESTful API: Clean API design following REST principles

• Modern React: Built with Vite for fast development and optimized builds

• Production Ready: Includes rate limiting and proper error handling

• Clean Architecture: Separation of concerns with organized project structure