Expo Frontend Template: GraphQL + Auth0

A React Native mobile application template built with Expo framework, designed to work seamlessly with this Rust Backend Template.

Features

• 🔐 Auth0 Authentication integration
• 📱 Cross-platform (iOS & Android) support
• 🎨 Atomic design system
• 🌐 GraphQL integration with Apollo Client
• 📸 Image picker and media handling
• 📱 Basic UI components/usecases

Tech Stack

• Expo - React Native development framework
• React Native - Mobile app framework
• TypeScript - Type-safe JavaScript
• Apollo Client - GraphQL client
• Auth0 - Authentication provider

Prerequisites

• Node.js (v14 or higher)
• Expo CLI
• Android Studio (for Android development)
• Xcode (for iOS development, macOS only)

Getting Started

1. Clone the repository:

git clone <repository-url>
cd raveapp

2. Install dependencies:

npm install

3. Create a .env file in the root directory with your configuration:

EXPO_PUBLIC_AUTH0_DOMAIN=your-auth0-domain
EXPO_PUBLIC_AUTH0_CLIENT_ID=your-auth0-client-id
EXPO_PUBLIC_API_URL=your-backend-api-url

Project Structure

raveapp/
├── App.tsx                # Main application entry point
├── components/           # Reusable UI components
│   ├── atomes/          # Basic UI elements
│   ├── cells/           # Composite components
│   ├── molecules/       # Complex components
│   ├── pages/           # Screen components
│   └── templates/       # Layout templates
├── services/            # API and service integrations
├── assets/              # Images, fonts, and other static files
└── android/             # Android-specific configurations