Skip to content

Laravel Breeze inspired Starter Kit for React Native using Expo

Notifications You must be signed in to change notification settings

lucky-media/react-native-breeze

Repository files navigation

Laravel Breeze for React Native (Expo)

This starter kit is an Expo-based mobile application solution inspired by Laravel Breeze, designed to work seamlessly with Laravel backends while maintaining flexibility for other backend technologies.

Auth Screens

Login, Register and Forgot Password 648shots_so

Dashboard Screens

Home, Sidebar, and Profile Settings 526shots_so

🚀 Features

  • User authentication (login, registration, password reset)
  • Profile management
  • Toast notifications
  • Form error handling
  • UI components
  • TypeScript support
  • TailwindCSS using TWRNC

📦 Installed Packages

  • Expo
  • React Native
  • TypeScript
  • KY
  • TanStack Query
  • React Hook Form
  • Expo Icons

🛠️ Key Components

  • useStorageState: Custom hook for managing state with secure storage
  • handleApiErrors: Custom util function for handling API Form errors
  • useUserQuery and useUserMutation: Hooks for user data fetching and mutation
  • useAuthMutations: Hook for authentication-related mutations
  • Toast context and components for notifications
  • Session context for managing user tokens
  • UI components
  • Form Components

🌟 Inspiration

This starter kit draws inspiration from Laravel Breeze, aiming to provide a similar developer experience and feature set for Expo projects. It includes:

  • A clean, minimal setup
  • Pre-built authentication flows
  • Profile management
  • Easy-to-use form handling and validation

🔧 Backend Compatibility

While designed to work perfectly with Laravel-based backends, this starter kit can be adapted to work with any backend technology that follows similar patterns for authentication and data management.

🚀 Getting Started

  1. Clone the repository
  2. Install dependencies: npm install or yarn install
  3. Configure your environment variables in constants/config.ts
  4. Run the development server: npm run start

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

Credits

This starter kit was brought to you by the lovely team at Lucky Media. We are a digital agency focused on professional, innovative, user-oriented web design & development. If you have any project in mind, feel free to contact us.

📄 License

This project is MIT licensed.

About

Laravel Breeze inspired Starter Kit for React Native using Expo

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published