Skip to content

prvcds/basic-mern

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

A minimal MERN (MongoDB, Express, React, Node.js) application that allows users to add and view notes.
This project demonstrates the basic structure of a MERN stack app with models, controllers, routes, and a simple frontend.


🚀 Features

  • Backend with Express & MongoDB
    • Note model and schema
    • REST API with CRUD routes
    • Modular structure (controllers, routes, models)
  • Frontend with React
    • Add new notes
    • Display notes from the backend

⚙️ Installation

1. Clone the repository

git clone https://github.com/yourusername/basic-mern-app.git
cd basic-mern-app

2. Setup Backend

cd backend
npm install

Create a .env file inside backend/:

PORT=5000
MONGO_URI=your_mongodb_connection_string

Run backend:

npm start

3. Setup Frontend

cd ../frontend
npm install
npm start

🖥️ Usage

  1. Open your browser at http://localhost:3000
  2. Add a note using the form
  3. See the list of notes fetched from the backend

🔧 Tech Stack

  • Frontend: React, Fetch API
  • Backend: Node.js, Express.js, MongoDB, Mongoose
  • Database: MongoDB Atlas or local MongoDB

About

MERN in a nutshell - minimal CRUD example.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published