For our final project in Cyber4s course, we chose to unite our two passions: sports and our newfound interest, coding. Once we determined that our project would focus on fitness, we discussed our training routines and the apps/websites we use. During conversations with fitness trainers, we learned that they manage all their activities through WhatsApp and Excel files.
We used the new technologies we learned to design a website that greatly facilitates communication between trainees and coaches.
Original repository.
Authentication- Using Firebase were able to protect our clients the best way possible. In addition the users are able to log in with their Google and Facebook accounts.
Charts that display an improvement curve- With Rechart we can display the trainee improvement on charts (Diet logs and Measure logs).
Food Data Set- Large data set of food with his nutritional information.
Workout Calendar- With a built in calendar your coach can can plan yor monthly workout routine. The coach can build any workout he wants using a large workout exercises data set.
Design- Unique design using Sass and animations.
Real time notifications- With Socket.io you get notified at real time when you get a friends request or messages.
- Client side Framework- React
- Server side Environment- Node.js
- Manage Server Routes- Express.js
- Authentication- Firebase
- Live Chat- Socket.io
- Database- MySQL
- ORM- Sequelize
- HTTP Requests- Axios
- Debounce- Lodash
- Client Side Navigation- React router dom
- Charts Display- Rechart