Your AI-Powered Document Summarizer & Study Assistant
The Noting App transforms your study workflow by letting you upload documents (PDF, DOCX, TXT), get instant AI-powered summaries, and chat directly with your files — all wrapped in a delightful, modern UI/UX.
Whether you're a student, researcher, or knowledge-worker, this is your go-to assistant for making reading and note-taking smarter.
- 🔹 AI Summarization — Upload documents & get concise, well-structured summaries in seconds.
- 🔹 Interactive Chatbot — Ask context-aware questions about your document powered by advanced LLMs.
- 🔹 Downloadable Notes — Export AI-generated notes as PDF for offline use.
- 🔹 In-Built Quiz — Track your academic progress in a fun manner.
- 🔹 Modern UI/UX — Glassmorphism header, animated 3D notes background, responsive design, shimmer loaders, smooth transitions.
| Layer | Technologies |
|---|---|
| Frontend | React 18 + Vite + Tailwind CSS + shadcn UI + Framer Motion |
| Backend | Node.js + Express + Multer |
| LLMs | Together AI’s Llama-3.2-3B-Instruct-Turbo with custom prompt engineering |
- 🟢 Header Bar: Fixed, glassy & beautifully rounded with centered layout.
- 🟢 3D Notes Animation: Pure SVG + CSS floating notes (no three.js!).
- 🟢 Shimmer Loader: Custom shimmer effect matching the app’s branding.
- 🟢 Responsive Design: Works flawlessly on desktop, tablet & mobile.
git clone https://github.com/arnvG17/ze-noting-pp.git
cd ze-noting-app
# Install frontend
cd frontend
npm install
# Install backend
cd ../server
npm install
# Start backend server
cd server
npm run dev
# In /client (new terminal)
npm run dev
the-noting-app/
├── client/ # React frontend
│ ├── src/
│ └── public/
├── server/ # Node.js backend
│ ├── routes/
│ ├── controllers/
│ └── uploads/
└── README.md