Supporting full-stack project
Music & Notes
Web app for PDF viewing and note-taking.
A supporting full-stack project that combines a Flask backend, JavaScript interactions, PDF viewing, and note-taking workflows.
Repository coming soonLive demo coming soon
No video demo is configured yet. Add one in public/demos and update the project data when it is ready.
Problem
Students and musicians often need to view documents while capturing related notes without switching between too many tools.
Solution
The app combined PDF viewing with a lightweight note-taking workflow in a simple Flask-backed web application.
Tech Stack
FlaskJavaScriptHTMLCSSPDF Viewer
Technical Details
The important implementation choices and trade-offs behind the project.
Used Flask to serve the application and organise backend routes.
Added JavaScript interactions for the document and note-taking experience.
Focused on a straightforward workflow rather than complex account or production features.
Highlights
- Flask backend.
- JavaScript frontend interactions.
- PDF viewing workflow.
- Simple note-taking experience.
- Good supporting project for full-stack fundamentals.
Outcomes
- Created a compact full-stack project that is easy to explain in interviews.
- Demonstrated fundamentals across backend routing, frontend behaviour, and user-centred workflow design.