Skip to content

MERN Stack Note app (MongoDB, React, Express, Node.js), utilize Vite.js πŸ“

Notifications You must be signed in to change notification settings

shanibider/Full-Stack-MERN-Notes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Full-Stack MERN Notes App πŸ“

Notes App Logo

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 😊

linkedin portfolio gmail

Copyright Β© Shani Bider, 2024