{"repo":"mongodb-developer/mern-stack-example","free":true,"listed":false,"github":"https://github.com/mongodb-developer/mern-stack-example","clone":"git clone https://github.com/mongodb-developer/mern-stack-example.git","description":"Full-stack CRUD app with MongoDB Atlas, Express, React, and Node.js (MERN). Covers REST APIs, MongoDB driver and React Router.","language":"JavaScript","stars":402,"topics":["express","expressjs","javascript","mongodb","nodejs","react"],"license":"Apache-2.0","category":"data-pipelines","readme_excerpt":"MERN Stack Example: Employee Records App (MongoDB Atlas, Express, React, Node.js) A full-stack CRUD application built with MongoDB, Express, React, and Node.js (MERN). Companion code for the MERN Stack Tutorial and video walkthrough. Project Overview This project demonstrates an employee record tracker: - Create records - Read records from MongoDB Atlas - Update records - Delete records The React app in mern/client calls an Express API in mern/server , and data is stored in MongoDB Atlas. MERN Stack Architecture Stack: - Frontend: React 18, Vite, Tailwind CSS, React Router - Backend: Node.js, Express 4, MongoDB Node.js Driver 6 - Database: MongoDB Atlas ( employees.records collection) Project Structure Prerequisites - Node.js 20+ - npm 9+ - A free MongoDB Atlas cluster Quick Start and MongoDB Setup Update mern/server/config.env with one of the following ATLAS URI values: Atlas cluster: If you are new to Atlas, use the Atlas quick start guide and then paste your connection string into ATLAS URI . Optional: seed sample data: Start the backend API: Start the frontend in a second terminal: Open http://localhost:5173 . GitHub Codespaces and Dev Containers GitHub Codespaces is an easy and fast way to get this project running without installing anything locally. It uses a dev container, which is a Docker environment configured for development. REST API Endpoints Base URL: http://localhost:5050 Method Endpoint Description --- --- --- GET /record Retrieve all records GET /record/:id R","default_branch":null,"files":null,"tree":[],"storefront":"/r/mongodb-developer","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mongodb-developer/mern-stack-example/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}