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

0 рд╡рд┐рдЪрд╛рд░реЛрдВ
Educational and infotainment Hub

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

  • рд╢реНрд░реЗрдгреА

рдФрд░ рджрд┐рдЦрд╛рдУ

0 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ рдЗрд╕рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдХреНрд░рдордмрджреНрдз рдХрд░реЗрдВ

рдХреЛрдИ рдЯрд┐рдкреНрдкрдгреА рдирд╣реАрдВ рдорд┐рд▓реА

рдЕрдЧрд▓рд╛