About The Project • Demo • Overview • Example Screens • Local Installation • Credits
BJJ Focus is an Edtech web app for combat sports students and instructors, currently used by NYC's Gentle Art Studio. The BJJ Focus app helps teachers and students keep detailed track of attendance, curriculum structure, and student progress.
Try out the demo student account at www.bjjfocus.com
email: demo
pass: demosan
- Vue3/Vite, Composition API
- State management and cached resources with Pinia (Vuex 5)
- Tailwind, Vuetify, and custom reusable UI components
- Object-oriented database model design with Mongoose (MongoDB)
- Security with JWT authentication, input validation, password hashing
- 11 endpoint RESTful API and respective controllers/router
- Continuous deployment with Render
Student side
Admin side
To run locally first install:
npm i
Then start both the backend and frontend:
npm run dev
- Credit to AryanJ for the swift technical help and advice.
- Thanks to Salvador G for his support, design patterns expertise, and concise UML diagrams.
- Thanks to Julliard Lin for data hierarchy and functionality advice, and project management.