The purpose of this project is to make health & fitness reachable at no cost to anyone interested.
by cutting through the confusion and sharing personal accounts designed to support and motivate peoples fitness journey.
This project is targeting people looking to make healthier lifestyle changes, to empower them in their fitness journey with helpful information & techniques that will help them make healthier choices.
Wireframe
The shared healthy recipes allow users access to a variety of tried and tested recipes with detailed instructions on how to achieve it,
therefore rendering easy access and support to their clean and healthy dietary plan.
The shared workout programs serve as a detailed, well explained guide for users looking to build or tone their body muscles by following the step by step instructions.
The success stories feature real-persons struggles, motivations, hacks and tips to support and encourage users thinking of making healthy lifestyle changes but get held back by a reason or more.
It is a signup form that gives you the opportunity to share your health & fitness tips, hacks and journey with others, because together we can make a difference.
- Implementation of video for both workout programs and recipes.
- Individual account signups instead of signup forms: a platform where users can open an account and share their health & fitness contents.
- Comments and interactions on shared contents.
-
Html: Html5 is used to create the web pages
HTML -
CSS is used to style, present and layout parts of the webpages CSS
-
Bootstrap is used for layout and its responsive, mobile first approach Bootstrap
-
font awesome is used for icon representation in the project Fontawesome
-
google fonts is used for all the webpage fonts Google fonts
-
Ian Lunn is used for some hover effects Ian lunn
- Share your journey clicked:
Tried submitting an empty form but the required field set won’t let it happen unless all the requirements are satisfied. - Everything link and shortcut is working as intended.
Also the project is responsive on all devices thanks to the use of bootstraps mobile first approach. - Tested on google development tool for all the reponsive breakpoints.
- Tested on mozilla firefox, internet explorer, Brave web browser
- Tested on two different mobile devices.
- check my html code via html and made the necessary changes
- css validated css
Ater pushing from my workspace to my git repository, then settings via my repository: github pages then master branch.
By using the git clone feature, copy the link: go to your terminal then your directory, git clone paste the link you copied.
Got some of my inspiration from my tutorials and classes with code Institute.
- The photos used in this site were obtained from:
This project is inspired by my personal health complications and the struggles I went through in search of the right diets, regiments and workout programs that could help me through my journey.
I am hoping to improve this project in the future to create a safe and trusted space where people looking to make healtheir lifestlye choices can have help, options, guide and inspiration to make their journey smooth and easier.
I will like to Acknowledge the kind support I got from my family and friends through it all.