🔥Complete Responsive Online Book Store website using ReactJS and Tailwind CSS || Build and Deploy
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
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
Sobre este curso
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript