React Native LMS with Strapi, Clerk & RevenueCat

This is a React Native LMS using a Strapi backend for course content, Clerk for user authentication and RevenueCat for in-app purchases.

Featured Packages:

Expo Router file-based navigation
Expo DOM Components for supporting HTML content
Expo API Routes for API calls
NativeWind for styling
Strapi for content management
Clerk for user authentication
RevenueCat for subscription management
Blocks Renderer for content blocks
Reanimated 3 for animations
Expo Video for video playback
Confetti for confetti animations
Sonner for toast notifications

Setup

Environment Setup

Make sure you have the Expo CLI installed.

Because we are using pre-built and a custom development client, you should download Android Studio and Xcode to your Mac. For more information on setting up your development environment, refer to the Expo documentation for Android Studio and the React Native documentation for Xcode.

App Setup

To build the app, perform the following steps:

Clone the repository
Run npm install
Run npx expo prebuild
Run npx expo run:ios or npx expo run:android

API Routes

Deploy your project using EAS Hosting
Update the app.json to include your Expo Router origin
Upload your local .env with eas env:push --path .env

Strapi Setup

Clone the Strapi project from here
Run the project locally using npm run start or deploy using Strapi Cloud
Update the .env file of the React Native App with the correct Strapi URL and token

RevenueCat Setup

Setup the RevenueCat project and connect it to your Appstore & Stripe account
Update the .env file of the React Native App with the correct RevenueCat API Key
Insert the RevenueCat identifier for your product in the Strapi CMS of a premium course

Demo

App Screenshots

Web Screenshots

Strapi Screenshots

🚀 More

Take a shortcut from web developer to mobile development fluency with guided learning

Enjoyed this project? Learn to use React Native to build production-ready, native mobile apps for both iOS and Android based on your existing web development skills.

Galaxies-dev/lms-react-native

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages