Recordpool Universal UI Poc

Overview

The Record Pool Monorepo is a proof of concept that showcases the use of Radix UI primitives on iOS, Android, and Web platforms using Expo and Next.js. The goal of this project is to create universal UI primitives and components based on Radix UI, making them compatible with Expo through the use of React Native for Web. The project is inspired by code samples from the Record Pool side project, which was initially developed during Expo Jam.

Features

• Bottom Sheet Menu on Mobile: A responsive menu that slides up from the bottom of the screen when triggered on mobile platforms.
• Dropdown Menu on Desktop: A dropdown menu that appears when triggered on desktop platforms.
• AppCode shared between iOS, Android, and Web: The codebase for the Record Pool app is shared across all platforms, enabling cross-platform compatibility.

Installation

To install and run the Record Pool Monorepo, follow the steps below:

1. Clone the repository:

   git clone [repository URL]
   

2. Install the required dependencies using Yarn:

   cd [repository path]
   yarn
   

3. Start the iOS and Android apps using Expo:

   cd packages/expo-next
   yarn start:expo
   

4. Start the web app using Next.js:

   cd packages/expo-next
   yarn dev
   

Summary

The Record Pool Monorepo is a proof of concept that demonstrates the use of Radix UI primitives in creating universal UI components across iOS, Android, and Web platforms. By leveraging React Native for Web and Expo, developers can build applications with shared codebases and consistent interfaces. The project is based on the Record Pool app and showcases features such as a bottom sheet menu on mobile and a dropdown menu on desktop platforms.