In this project I, Stephen Smith, initiated through Nashville Software School developed this application for my front-end Capestone.
The goal, in this application build was to provide an individual with health and fitness tools, aswell as the knowledge and ability to generate personalized workout programs based on their unique input criteria, while tracking their personal progress.
This project was my first solo sprint front-end application, where I created both UI and styling...I also implemented fetched' remote API data, in addition to creating my own local database-API(fit-generation-API) which has its own repo.(link is provided below in the, Running This Application section).
I used Netlify for front-end deployment, and Glitch for my backend server with node.js, previously Heroku before they cancelled the free serving option. I also implimented Cloudinary API for my users saved progress images on their profile page.
Deployed Fit-Generation!
(Pardon our progress...backend functionality under construction.)
visit site: https://fitgeneration.netlify.app/
Application GIF below
1.First, a note about authentication... This application uses mock authentication which is purely for demonstration purposes. Therefore the login and registration code written here is completely insecure and would never be implemented in a professional application.
-Clone This Repository And Change To The Directory In The Terminal-
git clone git@github.com:SAS7178/Fit-Generation.git
cd Fit-Generation
2.Access And Run The Database
git clone git@github.com:SAS7178/Fit-Generation-API.git
json-server -p 8088 database.json -w
3.Launch the client.
npm install
npm start
4.My User Login for example application (or go to deployed site, register and create your own account.)
stephen@gmail.com
- Fit-Generation-API: https://github.com/SAS7178/Fit-Generation-API
- Fit-Generation repository: https://github.com/SAS7178/fit-generation
(endpoints currently set to Glitch will need to replace(https://fitgeneration-api.glitch.me/) with https://fitgeneration-api.glitch.me/)