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

preview_player
Показать описание
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
Рекомендации по теме
Комментарии
Автор

🎉 Preview Link and Source code link is available in the description. Join our community to start your coding journey. 🚀

TheCodingJourney
Автор

wow thanks for upload this kind of awesome project..

fighter
Автор

Dude! on 6:42 in my code throwing np x error ..

thevikram.
Автор

Upload the bus ticket booking system where user can search the bus and book the seat of bus then payment integration of esewa and the user can download and print their ticket backend node js and fronted ejs

DhakaGaming
Автор

where do u see this lovely template this is awesome and thanks for sharing

panzagamesplay
Автор

Can you try making project for uber and ola like app as well

er.sahilmd
Автор

Bro can you upload the video regarding how to implement tailwind css in react js project as well as you need to develop one simple project

oncloudnine
Автор

Please upload Front-end responsive React.js project
That includes login page, product checkout cart, etc different pages.

Please upload video i have college project on it

SATOTE_GAMING
Автор

Sir Github K Tutorials kab aa rhy with projects?

sarmadkhan
join shbcf.ru