https://github.com/dineshkarthikn/notes-web

A elegant MERN-based Notes App — Create, Edit, Delete notes with modern UI ✨
https://github.com/dineshkarthikn/notes-web

express mern modern-ui mongodb node notes notes-app notes-app-modern-ui react reactbits

Last synced: 16 days ago
JSON representation

A elegant MERN-based Notes App — Create, Edit, Delete notes with modern UI ✨

• Host: GitHub
• URL: https://github.com/dineshkarthikn/notes-web
• Owner: DINESHKARTHIKN
• Created: 2025-05-07T05:40:04.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-05-07T05:53:55.000Z (12 months ago)
• Last Synced: 2025-05-07T06:37:05.943Z (12 months ago)
• Topics: express, mern, modern-ui, mongodb, node, notes, notes-app, notes-app-modern-ui, react, reactbits
• Language: JavaScript
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📝 Notes App

A simple full-stack Notes Application built with the **MERN stack** (MongoDB, Express, React, Node.js). Users can securely create, read, update, and delete notes. The frontend UI is styled using **ReactBits**.

---

## 🚀 Features

- 🔐 User Authentication with JWT

- 📄 Create, Edit, Delete Personal Notes

- 🎨 Modern UI with ReactBits components

- 🔎 Real-time Search & Modal Note Editing

---

## 🛠️ Tech Stack

**Frontend:**

- React

- ReactBits (for UI design)

- Css

**Backend:**

- Node.js

- Express

- MongoDB

- JWT (Authentication)

---

## 📸 Screenshots

### 🔐 Login

![Login](https://github.com/DINESHKARTHIKN/Notes-Web/blob/main/IMG/img1.png)

### 🧾 Signup

![Signup](https://github.com/DINESHKARTHIKN/Notes-Web/blob/main/IMG/img2.png)

### 🏠 Home

![Home](https://github.com/DINESHKARTHIKN/Notes-Web/blob/main/IMG/img3.png)

### 📝 Modal

![Modal](https://github.com/DINESHKARTHIKN/Notes-Web/blob/main/IMG/img4.png)

---