Building Airbnb Clone App with React Js, Next Js, TypeScript, Redux, Tailwind CSS, Heroicons, Firebase, Vercel Hosting, with complete user authentication (a mobile-friendly).
- Author
- Demo
- Technologies
- Related Projects
- Optimizations
- Contributing
- Status
- Features
- Inspiration
- Support
- Feedback
- Run Locally
- Environment Variables
- Screenshots
Client:
- React Js
- Next Js
- TypeScript
- Redux
- Tailwind CSS
- Heroicons
Server:
- Vercel Hosting
- Firebase Google Authentication
- Next' Js Image component
- Next' Js file-system based router
- Next' Js Server-side rendering
- Memoization (useMemo, Memo)
- Function components
- React hooks
- React useEffect cleanup
- Complete user authentication users can sign in, sign out
- Search and Calendar Functionality
Contributions are always welcome!
Tesla Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Vercel Hosting
Netflix Clone App built with React Js + TypeScript + Redux + Stripe Checkout/Payments + Vercel Hosting + Firebase
LinkedIn Clone App built with React Js + TypeScript + Redux + Styled Components + Material-UI + Firebase Realtime Database + Vercel Hosting
For support, email saddamarbaas@gmail.com.
If you have any feedback, please reach out to me at saddamarbaas@gmail.com
Twitter https://twitter.com/ArbaaSaddam/
Linkedin. https://www.linkedin.com/in/saddamarbaa/
Github https://github.com/saddamarbaa
Instagram https://www.instagram.com/saddam.dev/
Facebook https://www.facebook.com/saddam.arbaa
Clone the project
https://github.com/saddamarbaa/airbnb-clone-app-nex-jsGo to the project directory
cd airbnb-clone-app-nex-jsInstall dependencies
npm installStart the server
npm run dev
# or
yarn dev-
To run this project, you will need to create a new project on firebase, setup Firebase google authentication and add the following environment variables to your next.config.js
-
API_KEY
-
AUTH_DOMAIN
-
PROJECT_ID
-
STORAGE_BUCKET
-
MESSAIN_SENDER_ID
-
APPID
-
MAP_BOX_ACCESS_TOKEN (map box token key)
Project is now complete in (React js + Next js + Tailwind CSS) so my next step I would love to converted to (React + TypeScript + Next.js + Node.js + Express + MongoDB)
Build By Saddam Arbaa Project inspired by [Airbnb] https://www.airbnb.com/
