Skip to content

๐Ÿš€ React Native Template with RTK Query, JWT Authentication, and Styled Components ๐ŸŽจ

Notifications You must be signed in to change notification settings

Asad520/react-native-authkit

Repository files navigation

React Native RTK Query Authentication Template with Styled Components


GitHub stars GitHub forks GitHub issues Custom Badge Version

This is a ready-to-use React Native template that simplifies the development of mobile applications requiring user authentication. It leverages Redux Toolkit (RTK) for efficient data management and Styled Components for styling. This template includes authentication features like user registration, login, logout, password reset, and token management.

Features

  • User Registration: Allow users to create new accounts.
  • User Login: Enable existing users to log into the app.
  • User Logout: Provide a mechanism for users to log out securely.
  • Password Reset: Allow users to reset their passwords via email.
  • Token Management: Handle authentication tokens securely.

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js installed on your development machine.
  • React Native development environment set up.
  • Git installed for version control.

Getting Started

To get started with this template, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Asad520/react-native-authkit.git
    
  2. Navigate to the project directory:

    cd react-native-auth-template
    
  3. Install dependencies

    npm install
    
  4. Launch the app on your device or emulator:

    • For iOS: npm run ios
    • For Android: npm run android

Configuration

Before running the app, make sure to configure the following settings:

  • Authentication Endpoints: Update the API endpoints for user registration, login, and password reset in the src/config/auth.js file.

Usage

This template is intended to serve as a starting point for your React Native authentication project. You can build upon it by adding your app-specific features and customizations.

Styling

Styled Components are used for styling in this template. You can customize the app's appearance by editing the styles defined in the src/styles directory.

Acknowledgments

This project wouldn't have been possible without the invaluable contributions of various libraries and tools. We would like to extend our gratitude to the following:

  • Redux Toolkit: A powerful library that simplifies state management in React applications.
  • Styled Components: A fantastic CSS-in-JS library for creating and managing styled components with ease.
  • React Navigation: A navigation library for React Native, which makes routing and navigation in mobile apps straightforward.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please open an issue to discuss potential changes or improvements, or feel free to create a pull request with your changes.

We appreciate your help in making this project even better for the community.

About

๐Ÿš€ React Native Template with RTK Query, JWT Authentication, and Styled Components ๐ŸŽจ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published