shanibider/full-stack-mern-notes

MERN Stack Note app (MongoDB, React, Express, Node.js), utilize Vite.js 📁

Full-Stack MERN Notes App 📝

Welcome to the Full-Stack MERN Notes application, designed to help you organize and manage your notes efficiently.

Overview 📋

This project utilizes the

MERN stack - MongoDB, Express.js, React, and Node.js

to provide a robust and scalable solution for managing notes.

Technologies Used 🛠️

• MongoDB: NoSQL database for storing notes data.
• Express.js: Backend framework for building RESTful APIs.
• React: Frontend library for building interactive user interfaces.
• Node.js: JavaScript runtime for server-side development.

Features ✨

• Create Notes: Easily create new notes with a title and content.
• Edit Notes: Update existing notes with new content or modify their titles.
• Delete Notes: Remove unwanted notes from your collection.
• View Notes: Browse through your list of notes to find the information you need.

Project Structure 📁

The project is structured as follows:

• server: Backend code written in Node.js using Express.js.
• client: Frontend code written in React.
• database: MongoDB database configuration and schemas.

Setup Instructions 🚀

Create the file mern/server/config.env with your Atlas URI and the server port:

ATLAS_URI=mongodb+srv://<username>:<password>@sandbox.jadwj.mongodb.net/
PORT=5050

Start server:

cd mern/server
npm install
npm start

Start Web server:

cd mern/client
npm install
npm run dev

or:

npm run build

And in new terminal:

npm run build

---

---

📫 Connect with me 😊

Copyright © Shani Bider, 2024