This project was created as a task from Ithmar Solutions. The PDF specifying the objectives can be found in the project.
Main Objectives
1- Creating a custom login screen that matches the app's theme
2- Creating a home screen that looks like the given reference
3- Fetching data from an endpoint and populating the app using it
4- Adapting to logged and non-logged users
Extra Features
1- Creating a logout feature for logged in users
Problems Faced
1- Exporting custom components into their own files
2- Adding vector icons using react-native-vector-icons
3- HomeView occasionally ignores the gives data
(just cut the components, refresh, reach the HomeView, and paste them again)
Project Heirarchy
1- src: main directory for the working files
2- redux: a directory for redux-related files (actions, reducer, and store)
3- Views: i) Favourites View: dummy view
ii) HomeView: the main view that was given a reference to
iii) LoginView: custom made view for logging in
iv) ProfileView: displays user's info and allows him to logout
v) TabView: navigation controller for the previous 3 views
4- App.js: navigation controller for login and home views
5- Colors.js: main colors used in the project
6- Styles.js: stylesheet for the whole project
DISCLAIMER
I do not own any assets in this app; it was fetched from an API given in the task