https://github.com/sanidhyy/airbnb-clone
Airbnb Clone Application using Expo & React Native
https://github.com/sanidhyy/airbnb-clone
airbnb airbnb-clone clerk clerk-expo css html js next nextjs react react-native redux ts typescript
Last synced: 12 months ago
JSON representation
Airbnb Clone Application using Expo & React Native
- Host: GitHub
- URL: https://github.com/sanidhyy/airbnb-clone
- Owner: sanidhyy
- License: mit
- Created: 2023-11-18T09:04:20.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-26T09:14:14.000Z (almost 2 years ago)
- Last Synced: 2025-04-13T08:09:18.963Z (about 1 year ago)
- Topics: airbnb, airbnb-clone, clerk, clerk-expo, css, html, js, next, nextjs, react, react-native, redux, ts, typescript
- Language: TypeScript
- Homepage:
- Size: 5.98 MB
- Stars: 2
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Airbnb Clone Application using Expo & React Native
[](https://github.com/sanidhyy "Ask Me Anything!")
[](https://github.com/sanidhyy/airbnb-clone/blob/main/LICENSE "GitHub license")
[](https://github.com/sanidhyy/airbnb-clone/commits/main "Maintenance")
[](https://github.com/sanidhyy/airbnb-clone/branches "GitHub branches")
[](https://github.com/sanidhyy/airbnb-clone/commits "Github commits")
[](https://github.com/sanidhyy/airbnb-clone/issues "GitHub issues")
[](https://github.com/sanidhyy/airbnb-clone/pulls "GitHub pull requests")
# :notebook_with_decorative_cover: Table of Contents
- [Folder Structure](#bangbang-folder-structure)
- [Getting Started](#toolbox-getting-started)
- [Screenshots](#camera-screenshots)
- [Tech Stack](#gear-tech-stack)
- [Contribute](#raised_hands-contribute)
- [Acknowledgements](#gem-acknowledgements)
- [Buy Me a Coffee](#coffee-buy-me-a-coffee)
- [Follow Me](#rocket-follow-me)
- [Give A Star](#star-give-a-star)
- [Star History](#star2-star-history)
- [Give A Star](#star-give-a-star)
## :bangbang: Folder Structure
Here is the folder structure of Airbnb Clone.
```bash
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
```
## :toolbox: 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`:
```bash
# .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 :+1: and you can start using this app using `npm run dev` or `yarn run dev`.
### :books: 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.
## :camera: Screenshots:
## :gear: Tech Stack
[](https://react.dev/ "React JS") [](https://developer.mozilla.org/en-US/docs/Web/JavaScript/ "JavaScript") [](https://developer.mozilla.org/en-US/docs/Web/CSS "CSS") [](https://jestjs.io/ "Jest") [](https://babeljs.io/ "Babel")
## :raised_hands: 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.
## :gem: Acknowledgements
Useful resources and libraries that are used in My Portfolio
- [Bottom Sheet](https://gorhom.github.io/react-native-bottom-sheet/ "Bottom Sheet")
- [React Native Modern Date Picker](https://hosseinshabani.github.io/react-native-modern-datepicker/ "React Native Modern Date Picker")
- [Expo Blur](https://docs.expo.dev/versions/latest/sdk/blur-view "Expo Blur")
- [Expo Location](https://docs.expo.dev/versions/latest/sdk/location "Expo Location")
- [Reanimated](https://docs.expo.dev/versions/latest/sdk/reanimated "Reanimated")
- [React Native Maps](https://docs.expo.dev/versions/latest/sdk/map-view "React Native Maps")
- [Prettier](https://prettier.io "Prettier")
- [ESLint](https://eslint.org "ESLint")
## :coffee: Buy Me a Coffee
[
](https://www.buymeacoffee.com/sanidhy "Buy me a Coffee")
## :rocket: Follow Me
[](https://github.com/sanidhyy "Follow Me")
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fsanidhyy%2Fmedical-chat-app "Tweet")
[](https://www.youtube.com/channel/UCNAz_hUVBG2ZUN8TVm0bmYw "Subscribe my Channel")
## :star: Give A Star
You can also give this repository a star to show more people and they can use this repository.
## :star2: Star History
