-
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.
-
Once the user selects a job, a modal pops up showing the details of the job in HTML view.
-
The user can add the job item to the Saved Jobs list by clicking a button on the card. The list is stored in the async storage.
-
By clicking the 'Saved Jobs' button the user is diverted to the Saved Jobs page. Here, the user can see the list of saved jobs, 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
- LinkedIn: @Oguzhan Cavdar
- [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent