Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔥Complete Responsive Online Book Store website using ReactJS and Tailwind CSS || Build and Deploy
Play lesson

Complete Responsive Websites ReactJS and Tailwind CSS - 🔥Complete Responsive Online Book Store website using ReactJS and Tailwind CSS || Build and Deploy

5.0 (1)
10 learners

What you'll learn

This course includes

  • 105.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

In this tutorial you will learn how to build Online Book Store website using ReactJS and Tailwind CSS and also we'll be deploy it on the internet so that you can showcase to anyone. 👁️ Live Preview: https://bookstore-tcj.netlify.app/ 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🧡 Get the source code absolutely Free || Don't forget to LIKE and SUBSCRIBE 😍 🎁 https://github.com/dilshad-ahmed/book-store 👉🏻 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: ✨ Dark and Light mode with ReactJS and Tailwind. ✨ Responsive Navbar Using Tailwind. ✨ Dropdown Navbar using Tailwind CSS ✨ Login Popup using ReactJS. ✨ Animate on Scroll. ✨ Testimonial Slider. ✨ Fully responsive app ( All device supported ). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Responsive Online Book Store website using react js and Tailwind. 🔥 You'll implement Dark/Night mode feature. 🔥 You'll install and configure the tailwind css in react project. 🔥 You'll build fully responsive website in reactJS using tailwind CSS 🔥 Best practices and debugging skills. 🔥 How to Build and Deploy website to Server. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👨🏻‍💻 Gadgets I used 👇🏻 Laptop: https://amzn.to/3VRiIMh | https://amzn.to/4ctuMul Monitor: https://amzn.to/45WzIVP | https://amzn.to/3Wbjbdx Keyboard: https://amzn.to/3XOhggg Mouse: https://amzn.to/45WKSdo Pentab: https://amzn.to/4eM1rwN Mic: https://amzn.to/3zxM9eM Chair: https://amzn.to/45Rzsrj Bluetooth earphone: https://amzn.to/3LkK749 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Facebook - https://m.facebook.com/thecodingjourney Instagram - https://www.instagram.com/the.coding.journey Twitter - https://mobile.twitter.com/thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 04:09 Software Download 04:30 Project Setup 07:28 Tailwind configuration 11:28 Responsive Navbar section 19:49 Navbar dropdown using tailwind 32:59 Dark and Light mode feature 43:10 Hero section 57:30 Hero Image List Feature 01:05:03 Best Books Section 01:17:05 Banner Section 01:28:21 App Store Banner Section 01:35:33 Books Card Section 01:45:47 Testimonial and Slider Section 01:57:37 Footer section 02:13:05 Animate on Scroll feature 02:21:16 Order form Popup feature 02:35:00 Testing and Final Result 02:38:33 Build and Deployment - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #reactjs #tailwindcss #responsivewebsite #tailwind #websitedesign #websitedesigntutorial #css #webdesign #webdevelopment #webdevelopmentforbeginners #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #css #bookstorewebsite #htmlcss

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere