Skip to content
JeraychPublic

About

Full stack notes app built with MongoDB, Express, React, and Node.js

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Notess 📝

A clean and simple notes web app built with the MERN stack.

Features

  • Create, edit, and delete notes — full CRUD functionality
  • Tags — organize notes by category: Work, Personal, Idea, or Urgent
  • Date created — each note displays when it was made

Live Demo

Try the project live here: Notess App

Screenshots

Home

Home

Note Form

Form

Login/Register

Login

Tech Stack

Frontend

  • React (built with Vite)

Backend

  • Node.js
  • Express
  • MongoDB

Getting Started

Prerequisites

  • Node.js
  • Docker & Docker Compose (handles MongoDB automatically)

Installation

  1. Clone the repository
git clone https://github.com/your-username/notess.git
cd notess
  1. Install all dependencies from the root
npm run install:all
  1. Create a .env file in the backend directory using the provided template
cp backend/.env.example backend/.env

The default values work out of the box for local development:

MONGO_URI=mongodb://localhost:27017/notesdb
PORT=5000
JWT_SECRET=random
CORS_ORIGIN=http://localhost:5173
  1. Create a .env file in the frontend directory using the provided template
cp frontend/.env.example frontend/.env

The default values work out of the box for local development:

VITE_API_URL=http://localhost:5000
  1. Start MongoDB with Docker
docker compose up -d
  1. Run the app
npm run dev

The app will be running at http://localhost:5173

License

This project is licensed under the MIT License.

About

Full stack notes app built with MongoDB, Express, React, and Node.js

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages