Site location: www.ultra-music-practice.com
Frontend of a computer vision based music sheet fingering generator and sight-reading assistant. Helps generate useful annotations on music sheets for piano beginners. The service is PAID so this repository only includes frontend part.
- 🎨 Stylish design with rich CSS
- 📚 Strightforward user experience
- 🌋 Robust music sheet upload and progress tracking
- 🚧 JWT based authentication with "Sign in with Google" integration
- Language: TypeScript
- UI Framework: React.js
- Component Library: Chakra.js
- Application Framework: Next.js
IMPORTANT: If you need to develop locally, make sure to create a file named .env.local in the root directory to configure API endpoint like this:
NEXT_PUBLIC_API_END_POINT=
NEXT_PUBLIC_PAYPAL_CLIENT_ID=
Replace https://www.example.com/path with the actual host name and api path of backend server.
The file .env.local will not be uploaded to GitHub, and the variable should be set during deployment.
This project is initialized with PNPM. To install all dependencies, run:
pnpm installTo start the development server, run:
pnpm run devThe project does not support static build. To create an optimized production build, run:
pnpm run buildThen run the following command to start the production server:
next- Haoxiang Sun: Product Designer
- Raymond Wu: Fullstack Developer
- Peiran Wang: UI Designer & Developer
- Qinyue Sun: UI Desginer