Compass Sales

This project serves as an example application developed as part of the Compass UOL scholarship program. Its primary objective is to consolidate the knowledge acquired during the first 8 weeks of studying React Native. The application demonstrates a complete user authentication flow, including login, registration, and password recovery.

Features

  • Login: Users can securely log in using their email address and password.
  • Registration: The registration process allows new users to create an account by providing their name, email address, and password.
  • Password Recovery: Users can initiate a password reset by providing their email address, receiving a link via email to reset their password.
  • Social Media Login: The app supports social media logins, allowing users to sign in using their Google or Facebook accounts.
  • Welcome Screen: After a successful login, users are greeted with a personalized welcome screen that displays their name. They also have the option to log out.

Used Libraries

This project utilizes the following libraries and technologies:

  • React Native: React Native is a popular JavaScript framework for building natively-rendered mobile applications for both iOS and Android platforms. It enables developers to create mobile apps with a native look and feel while using React.
  • React Navigation: React Navigation is a highly regarded navigation library for React Native applications. It simplifies navigation and routing, offering features like stack navigation, tab navigation, and drawer navigation.
  • React Hook Form: React Hook Form is a library designed for managing forms and form validations in React applications. It streamlines form handling by utilizing React hooks, making form state and validation rules easy to manage.
  • Firebase: Firebase is a comprehensive platform for developing web and mobile applications. In this project, Firebase is employed for user authentication, providing a secure and scalable authentication system. Users can sign in using email and password, Google, or Facebook accounts.
  • React Native FBSDK Next: React Native FBSDK is a wrapper around the iOS Facebook SDK and Android Facebook SDK, allowing for Facebook integration in React Native apps. Access to native components, from login to sharing, is provided entirely through documented JavaScript modules so you don't have to call a single native function directly.
  • React Native Google Sign In: The "react-native-google-signin" library is a popular library for integrating Google Sign-In functionality into React Native applications. It allows users to log in to your app using their Google accounts, which can enhance the user experience by simplifying the login process and providing access to user data from Google services.

Installation and Running

To set up and run the project, follow these steps:

  1. Clone the repository:

    git clone git@github.com:GerdanyJr/projeto-compass_sales-Gerdany-Junior-squad1.git
  2. Install project dependencies:

    npm install
  3. Start the development server:

    npm start
  4. To execute the app on a physical device:

    npm run android

Credits

The design of the design of this project is credited to Compass UOL as part of the Compass UOL scholarship program.

Acknowledgments

This project was made possible by the Compass UOL Scholarship Program. I would like to express our deep gratitude to the instructors and mentors who played a crucial role in our learning journey:

  • Jardel Bordignom
  • Thiago Schweder
  • Julianne Valiati
  • Liliv Hana Vasconcelos
  • Rafael Nascimento Colares: I would like to extend a special thank you to Rafael Nascimento Colares for his exceptional attentiveness and unwavering support. His dedication in addressing all our queries and concerns has been invaluable.

Their guidance and expertise have been instrumental in our development, and we are truly thankful for their contributions to our success.