Pixel-Perfect Note Management App
Pixel Notes is a full-stack MERN application built to help users manage their notes in a minimal, and pixel-styled environment. It combines modern web development practices with a retro aesthetic to deliver a simple yet powerful note-taking experience. This project is fully modular, tested, and structured using Git best practices, developed as a requirement for the completion of 10pearls Shine Internship.
- Create, edit, and delete notes
- Organize by color and tags
- Rich-text editing
- Secure authentication with JWT
- RESTful API backend
- Search & filter functionality
- Download notes in different formats
- Pixel UI theme with smooth UX
- Sign up
- Login
- Home Screen
- Detailed View of Note
- User Profile Screen
- Create a New Note
- Filter By Color, Tag, Favorites
| Layer | Tech |
|---|---|
| Frontend | React + Vite |
| Backend | Node.js + Express |
| Database | MongoDB + Mongoose |
| Auth | JWT |
| Testing | Mocha + Chai + Vitest |
| Logging | Pino Logger |
- Clone the repo
git clone https://github.com/mominaamjad/pixel-notes.git
cd pixel-notes
- Set up Env Files
copy /.example.env.local to .env.local (only required for sonar qube)
copy /backend/.example.env to .env
copy /backend/.example.env.test to .env.test (only required to run backend test cases)
- Run Backend
cd backend
npm install
npm run dev
- Run Frontend
cd ../frontend
npm install
npm run dev
© 2025 Momina Amjad. All rights reserved.