A simple and responsive Notes Management application built with Next.js, TypeScript, Tailwind CSS, and Prisma.
Users can add, edit, search, and delete notes with tags and enjoy smooth animations powered by Framer Motion.
- β User Authentication & Authorization (Login & Logout with JWT)
- β Create, Edit, Delete Notes
- β Search Notes by title, content, or tags
- β Responsive Navbar with hamburger menu for mobile
- β Animated UI (Framer Motion for smooth transitions)
- β Backend with Express & Prisma
- β Modern Tailwind CSS UI
- Frontend: Next.js 15, React, TypeScript, Tailwind CSS
- Animations: Framer Motion
- Backend: Node.js, Express, Prisma
- Database: SQLite (dev) / PostgreSQL (prod-ready)
- Auth: JWT-based Authentication & Authorization
Clone the repository:
git clone https://github.com/Kashif-Ur-Rahman/notes-app.git
cd notes-app
Install dependencies:
npm install
Generate Prisma client:
npx prisma generate
Run the backend server:
npm run dev:server
Run the frontend:
npm run dev
The app will be available at http://localhost:3000