This project is the Final Compass Challenge, which is a mobile application developed using React Native and CSS. The main goal of this challenge is to use the best practices and structuring of React Native and CSS, covering the main concepts and practices of these technologies.
The application consists of the following screens:
- Login screen using email and password credentials to authenticate in the app.
- User registration screen with email, name, and a password.
- Home screen with a list of empty cards.
- Clone the repository.
- Install the dependencies by running
npm install
in the terminal. - Run the application using
npm start
in the terminal.
The project's folder structure is organized in a way that is easy to navigate and understand. The main folders are:
- src/components: This folder contains all the reusable components used in the application, such as Inputs, Footer, and Buttons.
- src/screens: This folder contains all the screens of the application, such as LoginScreen, SignUpScreen, and HomeScreen.
- src/global: This folder contains all the global files used in the application, such as validators, helpers, and constants.
- Open the application on your mobile device.
- You will be presented with the Login screen. Enter your email and password credentials to authenticate in the app.
- If you don't have an account, click on the "Sign Up" button to go to the User Registration screen. Enter your email, name, and password, and click on the "Register" button.
- After registering, you will be redirected to the Login screen. Enter your new credentials to authenticate in the app.
- Once authenticated, you will be redirected to the Home screen, where you can see a list of empty cards.
- React Native
- CSS
- TypeScript
This project was developed as part of the Second Challenge. The design prototype used as a reference for this project can be found on Figma.