Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Build a Complete Typescript React Fitness Application for Beginners | Responsive

Автор: EdRoh

Загружено: 2022-12-21

Просмотров: 248930

Описание:

Build and Deploy a Complete Typescript Fitness Application tutorial. For frontend, we will be using React, Typescript, Vite, Tailwind, Hero Icons, Framer Motion, Form Submit, React Anchor Link Smooth Scroll. We will also be using Cloudflare Pages for deploying our app.

Links:
React: https://reactjs.org/
Typescript: https://www.typescriptlang.org/
Typescript Types vs Interfaces: https://tinyurl.com/typescripttypesvs...
Vite: https://tailwindcss.com/docs/guides/vite
Google Fonts: https://fonts.google.com/
Tailwind: https://tailwindcss.com/
Prettier Tailwind Css Plugin: https://github.com/tailwindlabs/prett...
Prettier Tailwind Css Sorting: https://tailwindcss.com/blog/automati...
Hero Icons: https://heroicons.com/
Framer Motion: https://www.framer.com/docs/introduct...
Form Submit: https://formsubmit.co/
React Anchor Link smooth Scroll: https://github.com/mauricevancooten/r...
Cloudflare Pages: https://pages.cloudflare.com/

Code
completed code: https://github.com/ed-roh/gym-typescript
assets: https://github.com/ed-roh/gym-typescr...
tailwind config file: https://github.com/ed-roh/gym-typescr...
useMediaQuery code: https://github.com/ed-roh/gym-typescr...
———————————

Subscribe to my channel:    / @edrohdev  
for more web development and web 3.0 blockchain tutorials!

———————————


Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now.

I'm here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients.

Chapters:
0:00 Building a Complete Fitness Typescript React Application
2:49 Installations, Packages and Configurations
12:54 Tailwind Installation and Setup
28:25 Navbar Menu
1:07:49 Enums
1:44:22 Home Page
2:22:16 Benefits Page
3:02:36 Our Classes Page
3:20:57 Contact Us Page
3:49:54 Footer
3:57:14 Repo Setup and Deployment on Cloudflare Pages
4:02:11 A Fully Built and Deployed Typescript Application

Build a Complete Typescript React Fitness Application for Beginners | Responsive

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#6558 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cRzcnKxmIZo" ["related_video_title"]=> string(93) "Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(41) "Евгений Паромов | Front-end" } [1]=> object(stdClass)#6531 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "wYpCWwD1oz0" ["related_video_title"]=> string(97) "Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(5) "EdRoh" } [2]=> object(stdClass)#6556 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "dk5k8xm7aX0" ["related_video_title"]=> string(52) "cursor的必装外挂—context7 MCP使用教程" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> string(30) "浩叔—AI 应用开发指南" } [3]=> object(stdClass)#6563 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "gieEQFIfgYc" ["related_video_title"]=> string(77) "TypeScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(9) "Dave Gray" } [4]=> object(stdClass)#6542 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "LWtHl__oEWc" ["related_video_title"]=> string(106) "TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(7) "Ulbi TV" } [5]=> object(stdClass)#6560 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "weYAHWUyiG8" ["related_video_title"]=> string(104) "Кольца Эндера Существуют? Путешествие На Край Эндер Мира" ["posted_time"]=> string(19) "2 дня назад" ["channelName"]=> string(27) "Lydragxo (Лидраджо)" } [6]=> object(stdClass)#6555 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "i1FeOOhNnwU" ["related_video_title"]=> string(42) "The Only CSS Layout Guide You'll Ever Need" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(5) "EdRoh" } [7]=> object(stdClass)#6565 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "d56mG7DezGs" ["related_video_title"]=> string(33) "TypeScript Tutorial for Beginners" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(21) "Programming with Mosh" } [8]=> object(stdClass)#6541 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "WZN3cLhnWh8" ["related_video_title"]=> string(42) "О Зеленского вытерли ***" ["posted_time"]=> string(23) "7 часов назад" ["channelName"]=> string(27) "Анатолий Шарий" } [9]=> object(stdClass)#6559 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "blWdjRUPP6E" ["related_video_title"]=> string(72) "Разведчик о том, как использовать людей" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> string(18) "Коллектив" } }
Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode

Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode

cursor的必装外挂—context7 MCP使用教程

cursor的必装外挂—context7 MCP使用教程

TypeScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours

TypeScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

Кольца Эндера Существуют? Путешествие На Край Эндер Мира

Кольца Эндера Существуют? Путешествие На Край Эндер Мира

The Only CSS Layout Guide You'll Ever Need

The Only CSS Layout Guide You'll Ever Need

TypeScript Tutorial for Beginners

TypeScript Tutorial for Beginners

О Зеленского вытерли ***

О Зеленского вытерли ***

Разведчик о том, как использовать людей

Разведчик о том, как использовать людей

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]