Build Responsive Yoga Website Using React JS And Tailwind CSS | Simple Yoga landing page #reactjs #tailwindcss #webdesign #webdevelopment
Build A Yoga Website Using React JS And Tailwind CSS
React Responsive Yoga Website Tutorial Using ReactJs , Vite
React js Projects for Beginners
Build A Mobile Responsive Yoga Website with React, Vite & Tailwind CSS
Tailwind css project , Tailwind css tutorial
🔥SOURCE CODE -: https://github.com/rohitbhadane310/yoga-web-YogaZenith
Tailwind CSS Website -:
https://tailwindcss.com/
Google Fonts Website -:
https://fonts.google.com/
React Icons Website -:
https://react-icons.github.io/react-icons/
Free Images -:
https://www.freepik.com/
Install react dependencies -:
npm install react-icons --save
In this website design tutorial we are building the Yoga landing page which have the sections are navbar , home , about us , classes , teachers, plans , footer. we are using the react and tailwind css for design. we are using the vite for fast performance of website you also can use the normal npx create-react-app your-project-name.
In this video, you’ll learn -:
- React functional components and their reusability
- React file and folder structure
- How to use tailwind css in react project
website design using react and tailwind css-:
https://youtube.com/playlist?list=PLJzCRUn3MXjwmyZEf6Pe4N-Bexg2f1X3V&si=2lU5Ud_d6IeqWnhr
timestamp:
00:00 Demo
03:16 React and Tailwind setup
07:25 Navbar Component
17:41 Hero Component
21:04 About Component
24:30 Classes Component
28:03 Teachers Component
32:26 Pricing Component
40:00 Footer Component
46:16 Outro
#responsivewebsite
#reactjs
#tailwindcss
#css
#webdesign
#webdevelopment
#frontend
#project
#website