πComplete Responsive Space Website Using ReactJS and Tailwind CSS Build and Deploy
YOUR LINK HERE:
http://youtube.com/watch?v=hmgtCXQ47Cs
π₯ Download this template from here ( FREE Download ) • πhttps://templatesee.com/template/spac... • π₯FREE | Premium | Custom website templates on our website! • π https://templatesee.com • β For Startups Businesses – Build a stunning online presence effortlessly. • β For Developers – Customize use it in your projects. • β For Learners – Perfect for practicing and improving your web development skills! • ________________________________ • Build and Deploy complete π Space Website π°οΈ using ReactJS and Tailwind CSS. In this tutorial you will learn how to make modern complete responsive website using Tailwind CSS. we'll also deploy it on the Server. • ποΈ Live Preview: • https://tcj-space.netlify.app/ • π¬ Join our community • WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax... • Telegram :- https://t.me/the_coding_journey • π¬ Playlist ( Full website Build from scratch + Free Assets + Free Code ) • • Complete Responsive Websites ReactJS ... • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • Features: • ππ» Responsive Complete Landing page with background Video. • ππ» Responsive Navbar using Tailwind CSS. • ππ» Beutiful Animated website (Animate on scroll). • ππ» Fully responsive Hero page (All device supported). • ππ» Modern Responsive Services Card. • ππ» Fully Responsive Modern Footer. • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • What you will learn: • π₯ How to build Responsive Navbar using ReactJS. • π₯ How to build Hero page with video background. • π₯ How to build Modern Responsive Hero page using ReactJS and Tailwind CSS. • π₯ You'll build Responsive services Card. • π₯ You'll learn to animation on websites. • π₯ You'll build fully responsive website in reactJS using Tailwind CSS • π₯ Best practices and debugging skills. • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • β± Timestamps • 00:00 Demo • 01:11 Responsive Demo • 02:40 Software Download • 03:08 Project Setup • 06:40 Configuring Tailwind CSS • 09:47 Hero Background Video Section • 13:25 Responsive Navbar section • 21:20 Hero Section with Tailwind CSS • 27:51 Responsive Services Card Section • 45:06 Responsive Banner Section with Tailwind CSS • 54:15 Responsive Footer section with Tailwind CSS • 01:14:20 Implementing Animate on Scroll • 01:20:46 Testing and Fixing the Bugs • 01:23:58 Final Preview • 01:24:44 Deployment of the app on Netlify • • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • πΌ Packages : • tailwind css - https://tailwindcss.com/ • react - https://react.dev • vite js - https://vitejs.dev/guide/ • react icons - https://react-icons.github.io/ • image- https://pngtree.com/freebackground • • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • Follow us on - • Facebook - • / thecodingjourney • Instagram - • / the.coding.journey • Twitter - • / thecodingjourny • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - • #templatesee #thecodingjourney #reactwebsite #tailwindcss #reactjstutorial #spacewebsite #responsivewebsite #onlineshoping #tailwind #websitedesign #css #webdesign #webdevelopment #frontend #frontenddevelopment #ecommercewebsite #uidesign #thecodingjourney #tcj #coding #codingtutorial
#############################
