This application is a mobile developer challenge focused on creating a simple yet functional app that adheres to the coding and organizational standards used in the company. The goal is to build an application that lists car brands and allows users to view models of each brand, with a user-friendly and seamless interface.
GravaA.A.o.de.Tela.2025-01-17.A.s.12.10.34.mov
I developed this project as part of a mobile developer challenge to improve my skills in React Native, navigation, and state management. The main goal was to create a functional and user-friendly app for listing car brands and their respective models, following best practices and industry standards.
Application: The app allows users to log in, view a list of car brands, and navigate to see detailed models for each brand. It features a responsive design, dynamic data fetching, and a smooth user experience by leveraging modern tools like Context API, React Navigation, and styled components.
Key technologies used in this application:
- Expo
- Typescript
- React Native
- React
- @react-navigation/bottom-tabs
- @react-navigation/native
- @react-navigation/native-stack
- Expo Splash Screen
- Expo Localization
- React I18next
- i18next
- React Native Safe Area Context
- React Native Screens
- React Native Gesture Handler
- React Native Reanimated
- @gorhom/bottom-sheet
- @react-native-async-storage/async-storage
- @hookform/resolvers
- Zod
- React Hook Form
- Axios
- Lucide React Native
- React Native Flash Message
- React Native SVG
- React Native Web
- @tanstack/react-query
- ts-jest
- Jest
- Jest Expo
To install and configure a local copy, follow these steps:
Ensure the following steps are completed to run the app:
1.Clone the repository:
git clone https://github.com/williamjayjay/app-cars-rn-expo2.Navigate to the root of the project cars-list app mcode
3.Install the dependencies:
bun i4.Run the application:
bun androidor
bun ios