priyanshu88 / jobs_app

Jobs-App with Expo, React-Native and Rapid API

Jobs-App with REACT NATIVE

This is a job tracking app using React-Native for iOS & Android. It is a three screen job application with elegant UI/UX that fetch data from JSearch Rapid API allowing users to browse developer jobs from LinkedIn, Indeed and Glassdoor etc. Job details page, custom hooks for fetching the data, dynamic stling, responsive design, search functionality, pagination custom screen headers has been implemented.

View Demo · Documentation · Report Bug · Request Feature

📔 Table of Contents

• About the Project
  • Screenshots
  • Tech Stack
• Getting Started
  • Prerequisites
  • Installation
  • Run Locally
  • Deployment
• Contact

🌟 About the Project

📷 Screenshots

📹 Demo

🔴 Install the Expo Go app on your device and scan the code below (live demo)

or Enter the below URL manually

exp://exp.host/@priyanshu_pandey/jobs-app?release-channel=default

👾 Tech Stack

Client

• Expo
• React Native

API

• Rapid API

🧰 Getting Started

‼️ Prerequisites

• Sign up for a RapidAPI account HERE
• Install Node JS in your computer HERE

⚙️ Installation

Install my-project with expo

Installing Expo CLI

npm install --global expo-cli

Create Jobs_App folder and

Initializing the project

npx create-expo-app@latest -e with-router ./

Install dependencies

expo-font, axios, react-native-dotenv.

Setting Up RapidAPI

Create an account

• Sign up for a RapidAPI account HERE

Working with API

After creating the account search for JSeach API and subscribe the API then from Code Snippets of Endpoint copy the options bar and paste in useFetch.js

You might want to create different accounts for search functionality and job details page to avoid limit request errors.

---

Other dependencies info

🔶 Dependency Info

🏃 Run Locally

Clone the project

git clone https://github.com/Priyanshu88/Jobs_App.git

change directory

cd Jobs_App

Install dependencies

npx expo install

or

npm install

Start the server

npx expo start

---

Creating a Build

• Optimize the assets for speed - npx expo-optimize (formerly expo optimize)
• Bundle the project for production - npx expo export:web (expo build:web in the legacy Expo CLI).
• Creates a production ready static bundle in the web-build/ directory. Don't edit this folder directly.
• If you make any changes to your project, you'll need to re-build for production.
• For more help use npx expo export:web --help
• More Info

🚩 Deployment

To deploy this project run

Expo Publish

publish your project

expo publish

🤝 Contact

Your Name - @twitter_handle - [email protected]

Project Link: https://github.com/Priyanshu88/Jobs_App.git