Skip to content

Kashif-Ur-Rahman/Notes-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Notes App

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.


πŸš€ Features

  • βœ… 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

πŸ› οΈ Tech Stack

  • 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

βš™οΈ Installation & Setup

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

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors