filmov
tv
🔥Complete Responsive Cab Booking App Using Nextjs14, ReactJS & Tailwind CSS | Build & Deploy

Показать описание
In this tutorial you will learn how to build Complete Responsive Cab Booking App using Nextjs14, Reactjs and Tailwind CSS and also deployed it on internet so that you can showcase to anyone.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👁️ Live Preview:
👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
💬 Join our community
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Features:
✨ Dark and Light mode Feature using React and Tailwind
✨ Responsive Navbar using Tailwind CSS
✨ Mobile Sidebar Navigation Tailwind CSS
✨ Fully responsive app ( All device supported )
✨ Animated web app
✨ Minimal and Modern
✨ Complete Responsive web App
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What you will learn:
🔥 How to build Modern Cab Booking website using Nextjs, Reactjs and Tailwind CSS.
🔥 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 Deploy Nextjs App to Server.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00 Demo
03:11 Responsive Demo
04:55 Software Download
05:25 Project Setup
08:45 Tailwind configuration
09:24 Installing Packages from NPM and configuration
13:20 Responsive Navbar for desktop
22:53 Mobile Responsive Sidebar with Hamburger Menu and Dark Mode Feature
41:39 Responsive Animated Hero section Tailwind CSS
53:00 Contact Section
01:10:53 Best Cab Cards section
01:23:10 About section
01:31:31 Banner section App Store
01:40:18 Responsive Sliding Testimonial Section
01:54:03 Responsive Footer Section
02:04:40 NextJS multipage routing section
02:10:09 Custom Not found page in Next JS
02:13:12 Testing and Fixing the Bugs
02:15:34 Final Testing
02:17:58 Build and Deployment NextJS project to server
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Facebook -
Instagram -
Twitter -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactjs #nextjs #nextjs14 #nextjstutorial #ola #uber #tailwindcss #tailwind #responsivewebsite #websitedesign #carrentalwebsite
#css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #css #htmlcss #uiux #uidesign #reactwebsite
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👁️ Live Preview:
👆 Download (files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
💬 Join our community
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Features:
✨ Dark and Light mode Feature using React and Tailwind
✨ Responsive Navbar using Tailwind CSS
✨ Mobile Sidebar Navigation Tailwind CSS
✨ Fully responsive app ( All device supported )
✨ Animated web app
✨ Minimal and Modern
✨ Complete Responsive web App
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What you will learn:
🔥 How to build Modern Cab Booking website using Nextjs, Reactjs and Tailwind CSS.
🔥 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 Deploy Nextjs App to Server.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00 Demo
03:11 Responsive Demo
04:55 Software Download
05:25 Project Setup
08:45 Tailwind configuration
09:24 Installing Packages from NPM and configuration
13:20 Responsive Navbar for desktop
22:53 Mobile Responsive Sidebar with Hamburger Menu and Dark Mode Feature
41:39 Responsive Animated Hero section Tailwind CSS
53:00 Contact Section
01:10:53 Best Cab Cards section
01:23:10 About section
01:31:31 Banner section App Store
01:40:18 Responsive Sliding Testimonial Section
01:54:03 Responsive Footer Section
02:04:40 NextJS multipage routing section
02:10:09 Custom Not found page in Next JS
02:13:12 Testing and Fixing the Bugs
02:15:34 Final Testing
02:17:58 Build and Deployment NextJS project to server
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Facebook -
Instagram -
Twitter -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#reactjs #nextjs #nextjs14 #nextjstutorial #ola #uber #tailwindcss #tailwind #responsivewebsite #websitedesign #carrentalwebsite
#css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #css #htmlcss #uiux #uidesign #reactwebsite
Комментарии