Skip to content

aswinharikrishnan/MERN_ThinkBoard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ MERN Stack Note Taking App ✨

[Live Demo Link : (https://mern-thinkboard-5t32.onrender.com/)]

πŸš€ Highlights

  • 🧱 Full-Stack App built with the MERN Stack (MongoDB, Express, React, Node)
  • ✨ Create, Update, and Delete Notes with Title & Description
  • πŸ› οΈ Fully Functional REST API built and tested
  • βš™οΈ Rate Limiting with Upstash Redis – Real-world concept explained simply
  • 🌐 Explore HTTP Methods, Status Codes & SQL vs NoSQL
  • πŸ“± Completely Responsive UI

πŸ”§ Setup Instructions

βš™οΈ Backend Setup

  1. Go to the backend folder:

    cd backend
  2. Install dependencies:

    npm install
  3. Create a .env file in /backend with:

    MONGO_URI=<your_mongo_uri>
    UPSTASH_REDIS_REST_URL=<your_redis_rest_url>
    UPSTASH_REDIS_REST_TOKEN=<your_redis_rest_token>
    NODE_ENV=development
    
  4. Run the backend server:

    npm run dev

πŸ’» Frontend Setup

  1. Go to the frontend folder:

    cd frontend
  2. Install dependencies:

    npm install
  3. Run the frontend server:

    npm run dev

✨ Key Concepts Learned

  • MERN Stack integration
  • RESTful API design & testing
  • Rate limiting with Upstash Redis
  • Responsive frontend design
  • Environment variable management
  • Deployment for portfolio-ready projects

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages