What I Learned Building a Canvas Design and Animation Editor
Notes from building Kinetica, a browser design and animation editor: one canvas renderer for editor, previews and exports, timeline keyframes and undo.
// notes/
Coding tips and build notes by Mahir Faysal, a student web developer in Bangladesh: tested Python, HTML, CSS, JavaScript and PHP tutorials, plus notes from my Next.js and Gemini projects. Sample posts are marked and drafts stay in the admin area.
Notes from building Kinetica, a browser design and animation editor: one canvas renderer for editor, previews and exports, timeline keyframes and undo.
How I built StudyPilot to run fully in the browser with localStorage, a drag-and-drop dashboard and a rule-based planner that picks what to study today.
How I built Quizwright so the Gemini API key never reaches the browser: one Next.js server route, a server-only import, Zod checks and a single retry.
A sample article for the blog layout. It is a practice note, not a finished tutorial or a claim of expertise.
// filter
This view is only the category, tag, or search you asked for. Sample warnings still apply on any article that carries them. Drafts are still hidden. The full list is the learning notes page, which also explains how a note is written and why some posts are marked Sample.