FairBnB is a React Native project that brings the Airbnb experience to your mobile device. With a focus on the main home page, users are presented with a curated list of rentals in the vibrant city of Portland, Oregon. Leveraging the Google Maps API, each rental is marked on the map with precise coordinates for an enhanced user experience.
- Interactive Map View: Explore rentals conveniently with an interactive map displaying markers for each unit.
- Airbnb Data Integration: Utilizes Airbnb data for rentals, showcasing essential information about each rental unit.
- Dummy Filter: Users can toggle a dummy filter with an input, datepicker, and a counter for the number of guests, allowing for a customized search experience.
- Clerk Auth Integration: Seamless login experience powered by Clerk Auth, enabling users to securely access their accounts.
- User Profile Management: Users can update their name and profile picture, personalizing their FairBnB experience.
- React Native: The framework for building the mobile app.
- React Navigation: Implements navigation within the app for a smooth user experience.
- Google Maps API: Integrates maps and coordinates for a visual representation of rental locations.
- Clerk Auth: Provides secure and easy authentication for user accounts.
- Expo: Hosts the project and provides a template for React Native development.
- React Native Reanimated: Enhances the user interface with smooth transitions and animations.
- Clone the repository.
- Install dependencies using
npm install
oryarn install
. - Set up Clerk Auth credentials for authentication.
- Run the project using
expo start
.
- Install Expo Go on your mobile phone via App Store or Play market.
- Point your camera app at this code.
- Enjoy
Feel free to explore, contribute, and customize FairBnB. Happy renting!