Airbnb Clone Application using Expo & React Native

📔 Table of Contents

• Folder Structure
• Getting Started
• Screenshots
• Tech Stack
• Contribute
• Acknowledgements
• Buy Me a Coffee
• Follow Me
• Give A Star
• Star History
• Give A Star

‼️ Folder Structure

Here is the folder structure of Airbnb Clone.

airbnb-clone/
  |- app/
    |-- (modals)/
    |-- (tabs)/
    |-- listing/
    |-- _layout.tsx
  |- assets/
    |-- data/
    |-- fonts/
    |-- images/
  |- components/
  |- constants/
    |-- Colors.ts
    |-- Styles.ts
  |- hooks/
    |-- useWarmUpBrowser.ts
  |- .env
  |- .env.example
  |- app.json
  |- babel.config.json
  |- metro-config.json
  |- package-lock.json
  |- package.json
  |- tsconfig.json

🧰 Getting Started

1. Make sure Git and NodeJS is installed.
2. Clone this repository to your local computer.
3. Create .env file in root folder.
4. Contents of .env:

# .env file
EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

5. Open terminal in root directory. Run npm install or yarn install.

6. Install Expo Cli using npm i -g expo-cli or yarn global add expo-cli to initialize your app on Expo.

7. Clerk Key:

   • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY is provided by Clerk. You need to sign up for an account on Clerk (https://www.clerk.dev/), log in, and access thiskey in your account settings. Make sure you select Expo app before copying this key.

8. Now app is fully configured 👍 and you can start using this app using npm run dev or yarn run dev.

📚 Additional Resources

• Expo Documentation: https://docs.expo.dev/
• React Native Documentation: https://reactnative.dev/docs/
• Clerk Documentation: https://clerk.com/docs

NOTE: Please make sure to keep your API keys and configuration values secure and do not expose them publicly.

📷 Screenshots:

⚙️ Tech Stack

🙌 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

💎 Acknowledgements

Useful resources and libraries that are used in My Portfolio

• Bottom Sheet
• React Native Modern Date Picker
• Expo Blur
• Expo Location
• Reanimated
• React Native Maps
• Prettier
• ESLint

☕ Buy Me a Coffee

🚀 Follow Me

⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.

🌟 Star History

(back to top)