React Native Clubhouse clone

This is a simple UI clone of Clubhouse mobile application. Scan the qr code below to view on expo

You can view the app on Expo. Visit https://expo.dev/@uwemneku/clubhouse-expo or scan the QR code below to view

Roadmap

Add navigation dependencies
Set up project file structure
Add Active Room Component to displays active club rooms in the hallway)- [ ] Add Additional Templates w/ Examples
Add a swipe listener to hallway screen which opens the back channel screen when activated
Add some global app components
Add Explore and Recently Listened To screen
Add Room screen
Add Screen and Icon animations to the room screen for when users enter, exit or minimize a room
Add custom BottomSheet component with proper definition for all Props
Finish the profile screen
Finish the room screen
Link avatars on screens to open a profile snippet

To get a local copy up and running follow these simple example steps.

Make sure you have react native development environment set up in your system

Install expo-cli

    npm install -g expo-cli

Clone the repo

git clone https://github.com/uwemneku/clubhouse-expo.git

Topic	Helpful links Links	How I used It	Code
How to close a modal when the back button is pressed	React Native repository	The bottomSheet component was rendered inside a modal. I tried using BackHandler but it failed. This helped me close it when the back button is pressed
How to make a screen background transparent during navigation	YouTube Video