ChordsCraft Institute of Music
Complete full-stack production EdTech website for a premium online music school.
Technical Case Study
Built the official production website serving real students and parents. Designed a multi-step onboarding system with cross-step state management, Framer Motion transitions, and controlled navigation. Engineered a backend data capture pipeline linking the Next.js frontend with Node.js and Google Sheets API via Apps Script. Deployed the application to Hostinger VPS using Nginx reverse proxy, Cloudflare, and Docker containerization.
$ docker run -d -p 80:3000 --name chordscraft-prod
> Pulling Next.js production build instance...
> Configuring Nginx reverse proxy routes for chordscraftinstituteofmusic.com
> Connecting API: Google Sheets integration initialized
> Student onboarding flow step-manager verified (0% layout shift)
Apps Script Trigger Pipeline:
Form Submission → Express API → Google Sheets API → Automated admin alert dispatch