Test react native project for WelbeX
Clone the repository and run the following commands
yarn ios
yarn android
π src - contains JS-side sources β£ π assets - contains images, translations β£ π components - contains all reusable components β β π Button.tsx - contains the `Button` component implementation β£ π constants - contains all fixed values β£ π global - contains all reusable components β β£ π config - contains files responsible for the global configuration β β π styles - contains files responsible for the global styles β£ π types - contains types of the navigation stacks β£ π navigation - contains navigation stacks and related items β β£ π types - contains types of the navigation stacks β β π StackNavigation.tsx - root navigation stack β£ π screens - contains screen components β β π Vehicle.tsx - contains the `Vehicle` screen implementation β π utils - contains utility functions
Vehicles List Screen | Vehicle Screen | Settings Screen |
---|---|---|
- There is a
Settings
button in the header to navigate to the settings screen - There is a category section allows you to select and filter categories by clicking on the
Apply
button - User can switch the view by clicking on the
View list
/View on map
button from transport information to the location of the transport on the map
- There is a
Vehicles
button in the header to navigate back to the Vehicles screen - The map shows the location of the vehicle.
- There is three sections with information about the vehicle
- The
Call
button to call the vehicle driver - The
Write
button to write the vehicle driver in WhatsApp
- There is a
Vehicles
button in the header to navigate back to the Vehicles screen - The
Select English
button to set the application language to English - The
ΠΡΠ±ΡΠ°ΡΡ ΡΡΡΡΠΊΠΈΠΉ
button to set the application language to Russian