Giter VIP home page Giter VIP logo

workout-project1's Introduction

https://solee1221.github.io/workout-project1

Workout guide for beginners.

Table of content

Description
Target-audience
How website helps
Wireframe
Features
Testing W3C validator
Deployment
Credits
Images
Youtube

Description

This website is about helping people get into working out no matter what their experience is, if their beginners or advance. This website gives information on benefits of working out not externally how you will look but internally. It also gives a workout programme for beginners to stick to as long as they like which is detailed and explained through bullet points and videos descriptively. So that if someone wanted to try out the workout they would know they aren't doing a certain excerise wrong in risk of injuring their self. This website is also to boost people's confidence in order what to do. Some people may be shy or embarrased seeking face to face advice on working out and want to learn independently alone and make their own programme and change their life style their self, through this website they can seek guidance and information on how to do that.

Target-audience

This website is for younger and older adults essentially because of the information given and how easily it is structed. It could be a young adult that is seeking for information on how to workout correctly and what they need to do in order to make it happen. It also could be an older or younger adult that is looking to help improve their health to their body internally, working out prevents diseases and keeps a healthy and positive mind. There are a number of health benefits that all age groups can take advantage of when working out. Especially if a certain person is facing high blood pressure or insulin levels, their also could be overweight people seeking for advice on a weight loss workout programme or guidance. Or how working out makes them loose weight. There also can be young adults or older adults looking to tone their body with more muscle definition or increasing their body mass depending on their weight.

How-website-helps

This website will help younger and older adults achieve their goals those goals could be weight loss, manage blood pressure, insulin levels, reduce heart disease, better mental health, skin health and muscle-strenght, all these benefits can be achieved in one go by just doing simple workouts and sticking to a programme. My project is one of the best ways to achieve this because of the basic way it is structored there is a section just for benefits of working out, which people will want to know. What is the reason they will be working out and what types of benefits they would be getting for working out. Then there is a seperate section on how to practically workout effectively with detail showing them how to execute correct workout movement for each body part with no risk to injury their self.

Wireframes

I have designed my website through drawing diagrams with information and section to get a general idea of how my website should look like, also what my website should include(images, videos, links to social and sections).
https://github.com/SoLee1221/workout-project1/blob/master/diagram-of-project/workout-website.pdf

Features

My project is about helping younger or older adults help improve on their physical and mental health. The first page is a good introduction for users that just came to visit the website with not a lot of information in their face to take in. It's more of basic information of wanting to get into workout or looking for more information getting into shape. The second page feature is information of benefits of working out with videos directly below the information for users to interact with the videos to click on to gain additional detailed information for each health benefit they are looking information for. My 3rd page feature is the same as page 2 with information on how to workout with also included images for users to see each body part of the muscle being worked out effectively with also given video information and tutorial on how to execute properly with little to no risk. Finally my last page is contact, this is where the user input their details such as name, age, email address, and days of workout. For our business to contact them to help them with additional information and guidance or answering any of their questions.

Testing

Testing:
• Tested nav links throughout all webpages to see if they work correctly with no problems and broken links.
• Tested all social media links to make sure they all open in a seperate tab with no problems or broken links.
• Tested both highlight for nav links and social media links to see if they work correctly when hovering over with mouse to give better user experience.
• Tested all youtube videos throughout the website to make sure no video links are broken or popping up with error messages.
• Tested all images to display correctly without any errors.
• Tested contact page:
• Tried to submit form without any information and wouldn't accept the form without any data input.
• Tried to input only text into email section and website wouldn't accept unless its a genuine email with @.
• Added required fields for first name, last name and email address. (tested by trying to submit information without one of the text boxes for first name, last name and email without any information input).
• Tested screen sizes for 1200px, 950px and 900px. Made sure information such as text was showing clear, images and videos was good sizes and fit to screen. Checked if Nav links and bar was showing correctly and not being clustered together especially in 900px or less.

W3C validator

• Tested W3C CSS Validator no errors found.
• Tested W3C HTML Validator warning section lacking heading for all pages with images.

Deployment

Deployment:
Github pages
• Click on the following link below.
https://github.com/SoLee1221/workout-project1
• Once you have opened the following link.
• On your repository, go to "Settings" click that.
• Select "pages" should be on left side menu.
• Choose the master branch from the source drop-down.
• Then choose root for the folder from the other drop-down beside it on right.

Credits

Images

images:

Youtube

youtube videos
homepage:
Youtube search "workout for beginners" https://youtu.be/pRlt5zCKSAs
Benefits of workout page:
Youtube search "weight loss workout" https://youtu.be/H3jJ29oE8Zg
Youtube search "muscle and strength workout" https://youtu.be/ZxJlZxZ2KFw
Youtube search "mental health benefits of workout" https://youtu.be/GNWaWJm1A1g
Youtube search "exercise benefits for skins" https://youtu.be/pCd7QpIW4xQ
Youtube search "exercise helps blood pressure" https://youtu.be/y_ZoCSmSnZE
Youtube search "exercises to help prevent heart disease" https://youtu.be/oDTYl7lzqjg
workout page:
Youtube search "exercises for chest" https://youtu.be/lWXhih3xbVc
Youtube search "exercises for Biceps" https://youtu.be/mqfzsbV0lUs
Youtube search "exercises for back" https://youtu.be/s8taXR3mYa8
Youtube search "exercises for shoulders" https://youtu.be/Vk3Q8WvUwf4
Youtube search "exercises for legs" https://youtu.be/Nr0voKyfiiE
Youtube search "exercises for triceps" https://youtu.be/dhGnHk_d6vc

I received inspiration from the following website:
https://iconichealthclubs.ie/gyms-dublin/

workout-project1's People

Contributors

solee1221 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.