Up next

Build and Deploy a Modern React 18 Fitness Exercises App With APIs | RapidAPI

0 Views· 02/07/24
wisdom
wisdom
3 Subscribers
3

Every web developer needs to know how to use APIs in their applications. Learn how to create the best and most modern Fitness Exercises App using two separate APIs!

💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!

⭐RapidAPI - https://rapidapi.com/hub?utm_source=youtube.com/JavaScriptMastery&utm_medium=referral&utm_campaign=DevRel
⭐RapidAPI ExerciseDB - https://rapidapi.com/justin-WFnsXH_t6/api/exercisedb?utm_source=youtube.com/JavaScriptMastery&utm_medium=referral&utm_campaign=DevRel
⭐RapidAPI YouTube Search - https://rapidapi.com/h0p3rwe/api/youtube-search-and-download?utm_source=youtube.com/JavaScriptMastery&utm_medium=referral&utm_campaign=DevRel

📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdi....n/project_fitness_ap
Styles & Other Code: https://gist.github.com/adrian....hajdin/65d0f830036fd
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdi....n/project_fitness_ap/tree/main/src/assets

With the functionality to choose exercise categories and specific muscle groups, browse more than one thousand exercises with practical examples, pagination, exercise details, pull related videos from youtube, display similar exercises, and much more, Golds Gym is the best React Fitness App that you can currently find on YouTube and on the entire internet.

Alongside building this phenomenal project that you can put on your portfolio, In this video, you'll learn:

- Advanced React Best Practices such as file structure and hooks
- Creating a Beautiful User Interface using the Material UI (version 5)
- Fetching data from unlimited sources using RapidAPI

💻 Join our Discord Community - https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery

💼 Business Inquiries: contact@jsmastery.pro

Time Stamps 👇
00:00:00 Intro
00:04:05 Setup
00:10:32 File & Folder Structure
00:16:24 Navbar
00:26:21 Hero Banner
00:36:36 Search Exercises
00:48:48 Fetch Data
00:36:36 Search Exercises
01:00:00 Horizontal Scrollbar
01:06:00 Body Part Component
01:16:20 Exercises Component
01:22:34 Exercises Card Component
01:39:16 Exercises Detail
01:46:39 Detail Component
02:01:55 Exercise Videos
02:15:12 Similar Exercises
02:17:45 Loader
02:19:21 Fixing Bugs
02:23:33 Footer
02:27:49 Deployment

Show more

 0 Comments sort   Sort By


Facebook Comments

Up next