Welcome to the Full Stack Airbnb Clone project! This application is built using cutting-edge technologies, providing a seamless experience for users. Below, you'll find an overview of the technologies used and instructions on how to set up the project.
- Next.js 13: A React framework for building server-rendered and statically generated web applications.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
- Prisma: A modern database toolkit for Node.js and TypeScript.
- MongoDB: A NoSQL database for storing and retrieving data.
- NextAuth: An authentication library for Next.js applications.
To get started with the Full Stack Airbnb Clone, follow these steps:
-
Clone the repository:
git clone https://github.com/MainaJoseph/airbnb-clone.git
-
Install dependencies:
cd full-stack-airbnb-clone npm install -
Set up environment variables: Create a
.envfile in the root of the project and add the following variables:DATABASE_URL= NEXTAUTH_SECRET= GITHUB_ID= GITHUB_SECRET= GOOGLE_CLIENT_ID= GOOGLE_CLIENT_SECRET= NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
-
Run the development server:
npm run dev
-
Open your browser: Visit http://localhost:3000 to see the Airbnb Clone in action!
- App Router: Utilizing the power of Next.js 14 for efficient routing.
- React Components: Building the UI with reusable and modular React components.
- Tailwind Styling: Styling the application with the utility-first approach of Tailwind CSS.
- Prisma ORM: Interacting with the MongoDB database using the Prisma ORM.
- User Authentication: Implementing authentication using NextAuth for a secure user experience.
Feel free to explore the codebase, make contributions, and customize it to fit your needs. Happy coding! 🚀
This project is licensed under the MIT License - see the LICENSE file for details.
