Car Rental app with Nextjs | free map location | stripe | SMTP | shadcn UI | mongodb | tailwind css
Build React, Next.js full-stack Car rental app from scratch beginner to advance. Next.js 14 App router full course with Tailwind css, Shadcn, Nextjs , free map location, mongodb and mongoose ORM.
Source Code: github.com/CodeScrapper1/car-...
Support Us: / codescrapper
If you have any Project Contact me: www.fiverr.com/mehtabkazmi
🌐 In this tutorial, we'll explore the powerful combination of Tailwind CSS, Shadcn and Next.js 14 to create visually appealing and responsive Gemini AI Clone. One of the highlights of this tutorial is the integration of Gemini AI and Nextjs.
📌 What You'll Learn:
🔑 Shadcn, react leaflet, stripe, SMTP, tailwind css and Nextjs 14 and Nodejs.
🔥 Prerequisites:
Basic to advance understanding of JavaScript and Nextjs is recommended.
Timestamps:
0:00 - Introduction
03:34 - Integration
07:30 - Header Design
36:54 - Carousel (main slider)
56:23 - Card Desgin (why ride with us)
01:20:45 - Sub footer design
01:36:28 - Our objective design
01:46:05 - Local transfers design
02:04:20 - Service page
02:23:48 - Our fleet page
02:48:23 - About us page
02:54:50 - booking page
03:53:00 - Map location integration
04:34:10 - Find distance
04:57:05 - Stripe integration
05:04:52 - Database setup
05:10:22 - Create order
05:22:25 - Success page
05:26:28 - nodemailer integration
Whether you're looking to build a personal ai chat app, an web site, or a complex web application, this video will guide you through the entire website development process. Join us as we demystify the world of web development and empower you to create impressive websites that meet your goals.
Don't forget to like, comment, and subscribe for more tutorials and guides on website development!
Пікірлер: 33
Great sir
@CodeScrapperOfficial
2 ай бұрын
thanks bro
great.
@CodeScrapperOfficial
2 ай бұрын
Thanks ❤️
awesome 😍
@CodeScrapperOfficial
2 ай бұрын
Thank you! Cheers!
the best free map location 😍 thank you so much for this awesome video
@CodeScrapperOfficial
24 күн бұрын
Glad you liked it!
Thank you so much for sharing your experience and knowledge, Sir.
@CodeScrapperOfficial
2 ай бұрын
Always welcome ❤️
Thank you
@CodeScrapperOfficial
28 күн бұрын
You're welcome 😊
I have problem in hosting the website in vercel can you help me broo
@CodeScrapperOfficial
5 күн бұрын
Yes sure you can contact me at mehtabkazmi5@gmail.com
I have decent knowledge of react . can I follow this project??
@CodeScrapperOfficial
Ай бұрын
Yes you can if you want to learn next js 14, server actions and prisma
login page signup page is not add sir
@CodeScrapperOfficial
Ай бұрын
We are getting details on booking a car. That's why we didn't add login Auth.
for india what we will do for
@CodeScrapperOfficial
Ай бұрын
import { Country, State, City } from "country-state-city"; you can check the country code which you want to add by calling this function Country.getAllCountries() your country code is "IN" than get all states and choose any state code from them by call this State.getAllStates() and then add countryCode in first param and state code in second param const getCities = City?.getCitiesOfState("IN", "");
Hi! During the map integration I get error: window not defined Help please!
@CodeScrapperOfficial
26 күн бұрын
okay you can please compare your code with this video source code github.com/CodeScrapper1/car-rental-app
@VandanaKerketta
26 күн бұрын
@@CodeScrapperOfficial I did. The code is correct. However the map doesnt show up on my app.
@CodeScrapperOfficial
24 күн бұрын
you can share your code at mehtabkazmi5@gmail.com where you facing issue
@VandanaKerketta
11 күн бұрын
@@CodeScrapperOfficial Hello! I have sent you an email.
I need help in my NextJs projects can you help me
@CodeScrapperOfficial
Ай бұрын
yes sure, what kind of help you want?
@deepaktv8280
Ай бұрын
@@CodeScrapperOfficial I am working in my company on NextJs projects so I stuck in 1-2 features how to implement that I don't know , I tried couple of things but not worked. If possible can you connect tomorrow at 10 am on google Meet . Thanks
@deepaktv8280
Ай бұрын
@@CodeScrapperOfficial Reply if not ok
@deepaktv8280
Ай бұрын
@@CodeScrapperOfficial I can pay some amount for help if you think
@CodeScrapperOfficial
Ай бұрын
yes sure you can contact me on my official email mehtabkazmi5@gmail.com
no
@CodeScrapperOfficial
2 ай бұрын
Do you need any help?