Notes MERN App is a full-stack note-taking application built with the MERN stack (MongoDB, Express.js, React.js, Node.js). It enables users to create, edit, and delete notes in a clean and responsive interface. The app integrates Upstash Redis for rate limiting to prevent request abuse, and includes smooth loading effects for a polished user experience. It’s perfect for practicing CRUD operations, middleware usage, and deploying full-stack applications on free-tier hosting like Render.com.

• 
• 

• 
• 

Features

• 📝 Create NotesEasily add new notes with a title and content.
• 🛠️ Edit NotesUpdate existing notes with real-time changes.
• 🗑️ Delete Notes with ConfirmationDelete notes permanently with a confirmation prompt to prevent accidental deletions.
• 🚦 Rate Limiting with UpstashPrevents abuse by limiting how many requests a user can make in a short period.
• ⏳ Loading IndicatorsSmooth user experience with visual feedback during data fetch and processing.
• 💡 Responsive UIClean and mobile-friendly interface built with Tailwind CSS and DaisyUI.
• ☁️ Deployed on Render.comFull-stack deployment using free cloud hosting (note: initial load may take 20–30 seconds due to cold starts).

Technologies Used

• 🟢 MongoDB – NoSQL database for storing notes
• ⚙️ Express.js – NoSQL database for storing notes
• 🔵 React.js – Frontend library for building user interfaces
• 🟡 Node.js – JavaScript runtime for server-side logic
• 🎨 Tailwind CSS – Utility-first CSS framework for fast UI styling
• 🌼 DaisyUI – Tailwind CSS component library for clean and accessible UI
• 🟥 Upstash Redis – Serverless Redis used for API rate limiting
• ☁️ Render.com – Cloud hosting platform used to deploy backend and frontend

🙏 Credits

This project was created by following a helpful YouTube tutorial by Codesistency. It served as a great learning experience for building a full-stack MERN application with added features like rate limiting and UI enhancements.

• 📺 Tutorial Link: MERN Stack Note App with Rate Limiting by Codesistency

💡 Feel free to contribute or fork the project to enhance it with a backend or more features!