Giter Club home page Giter Club logo

lifestyle-by-susu's Introduction

Lifestyle by susu

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.

UX

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

Features

HEALTHY RECIPES

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.

WORKOUTS & PROGRAMS

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.

SUCCESS STORIES

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.

SHARE YOUR JOURNEY:

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.

Features Left to Implement

Future release ideas:
  1. Implementation of video for both workout programs and recipes.
  2. Individual account signups instead of signup forms: a platform where users can open an account and share their health & fitness contents.
  3. Comments and interactions on shared contents.

Technologies Used

  1. Html: Html5 is used to create the web pages
    HTML

  2. CSS is used to style, present and layout parts of the webpages CSS

  3. Bootstrap is used for layout and its responsive, mobile first approach Bootstrap

  4. font awesome is used for icon representation in the project Fontawesome

  5. google fonts is used for all the webpage fonts Google fonts

  6. Ian Lunn is used for some hover effects Ian lunn

Testing

  1. 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.
  2. 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.
  3. Tested on google development tool for all the reponsive breakpoints.
  4. Tested on mozilla firefox, internet explorer, Brave web browser
  5. Tested on two different mobile devices.
  6. check my html code via html and made the necessary changes
  7. css validated css

Deployment

Ater pushing from my workspace to my git repository, then settings via my repository: github pages then master branch.

local deployment

By using the git clone feature, copy the link: go to your terminal then your directory, git clone paste the link you copied.

Credits

Got some of my inspiration from my tutorials and classes with code Institute.

Media

  • The photos used in this site were obtained from:
  1. Pixels
  2. Burst by shopify
  3. Unsplash
  4. Pixels
  5. Pixels

Acknowledgements

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.

lifestyle-by-susu's People

Contributors

teemamin avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.