|
-
The application comprises use of :
- Axios
- Async storage
- React stack navigation
- React-native modal
- React-native vector-icons
- HTML View
-
Introduction is the landing page of the application. In this page user can select a programming language among the toucheable opacity items in the horizontal flatlist.
-
Once the user selects a programming language, the page is diverted to the Jobs Page. Here the filtered jobs in accordance with the selected language are listed as cards. On top there is a search area where the user can type and search keywords. The user can either use search area or scroll the list to select a job.
-
Once the user selects a job, a model pops up showing the details of the job in HTML view.
-
The user can add the job item to favourites list by clicking a button on the card. The list is stored in the async storage.
-
By clicking th 'Go to favorites' button the user is diverted to the Favourite Jobs page. here the user can see the list of jobs added to favourite, and can delete job items by clicking on the trash icon.
To use this application, the packages for Navigation, Moment, Modal, Vector Icons and Firebase should be installed/identified with prior to running the app. From your command line:
//-----AXIOS-------------------
//https://www.npmjs.com/package/react-native-axios
$ npm install axios
//-----ASYNC STORAGE-----------
//https://github.com/react-native-async-storage/async-storage
//https://react-native-async-storage.github.io/async-storage/docs/install/
$yarn add @react-native-async-storage/async-storage
$npx pod-install
//-----REACT NAVIGATION--------
//https://reactnavigation.org/docs/getting-started
$yarn add @react-navigation/native
$yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
$npx pod-install ios
//Add the following line to the top of the index.js file
@import 'react-native-gesture-handler';
$yarn add @react-navigation/stack
//-----MODAL-------------------
//https://github.com/react-native-modal/react-native-modal
$yarn add react-native-modal
//-----VECTOR ICONS------------
//https://github.com/oblador/react-native-vector-icons
$ npm install --save react-native-vector-icons
//Detailed directions are stated in the package document. In this project only "FontAwesome" was uploaded and used among other alternatives.
//https://oblador.github.io/react-native-vector-icons/
//-----HTML VIEW---------------
//https://github.com/jsdf/react-native-htmlview
$npm install react-native-htmlview --save
- GitHub Meltem-Karaagac
- Linkedln Meltem-Karaagac