Deployed Link: https://airbnb-rosy.vercel.app/
Created an frontend airbnb clone using React and Next.JS. This clone includes features like calender, map, sliding animations and much more. I have used MapBox Api to integrate Map in this project.
-
Responsive ✨.
-
Map Functionality 🗺️.
-
Calender Functionality 📅.
-
Learned how to use MapBox API and integrate in to projects.
-
Learning React and Next.JS.
-
Learned about varoiuos packages such as react-date-range, react-map-gl and etc which helped me in creating this project.
Step 1: Fork the repository. You can fork the repository by clicking on the fork button on the right hand side below the profile.
Step 2: Clone your forked repository. Replace yourusername with your GitHub Username.
git clone "https://github.com/yourusername/airbnb.git"Step 3 : After cloning the repository. Go to the repository.
cd airbnb
Step 4: Run npm init -y. It will install all the packages and dependencies used in the project.
npm init -y
Step 5: Run npm install next. This will install Next.js in your local repository.
npm install next
Step 6: Run npm run dev. This will start the project in your local machine 🖥️.
npm run dev
Step 7 : To run the project in your local machine, you need to go to your local server which is running on port 3000. Go to the browser and paste the link given below 👇:
http://localhost:3000/
Hurray 🥳, you successfully deployed the project in your local machine 🎉.
If you found the project intresting then please do give this project a star ⭐.
Made with 💖 by Harshit Aditya