PROJECT NOTES / BY ABHIRUP KUMAR
Study Notes Viewer
Building a modern web application for managing and organizing study notes with embedded content support, progress tracking, and rich markdown rendering capabilities.
MY PART
What I worked on.
Sole developer. Designed component architecture, implemented markdown rendering with rehype plugins, integrated embedded content support, and created animated responsive UI.
THE TOOLBOX
Built with.
- React
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- ReactMarkdown
IN THE DETAILS
What it does.
- Dynamic note display with grid layout
- Progress filtering (completed, in-progress, not-started)
- Embedded YouTube videos and Google Drive documents
- Markdown support with code syntax highlighting
- Responsive design with smooth animations
- Intuitive note viewing and navigation