gabrysia694 / Gym-Junkies

This website allows users to add their favorite exercises with a video demonstration and step-by-step instructions on how to perform the exercise. We would greatly appreciate it if you could give a star to our project :star:

https://gymjunkies.netlify.app

MIT License

76 stars 118 forks source link

Feat: Add Exercise Page #290

Open syke9p3 opened 3 months ago

syke9p3 commented 3 months ago

Description

This PR adds a new Exercise page to display information about each exercise in the Guide Page.

Changes made

ExercisePage.jsx Created a new exercise page containing the exercise steps, image, YouTube video, and name of contributor.

App.jsx Added a new route for the new exercise page.

Card.jsx Made each exercise Card clickable by wrapping the Cards in a Link component that brings you to each exercise page.

YoutubeEmbed.jsx Added a responsive YouTube embedded player to render YouTube video links.

Related Issue

Relates to #288

Screenshot

new-exercise-page

netlify[bot] commented 3 months ago

Deploy Preview for gym-junkies ready!

Name	Link
Latest commit	7c5d6681a3f2145efc66415c2f0ff7028ce788be
Latest deploy log	https://app.netlify.com/sites/gym-junkies/deploys/6649068abe70b20008181883
Deploy Preview	https://deploy-preview-290--gym-junkies.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.