Hello world! This is the project’s summary that describes the project plain and simple, limited to the space available.
PROJECT PHILOSOPHY • WIREFRAMES • TECH STACK • IMPLEMENTATION • HOW TO RUN?
Hirely is an app that connects recruiters with job seekers. It's purpose is to allow the job seeker to present themselves and personal details to the app so that recruiters can check them out, as well as, recruiters will be able to post job offers with description and requirements, to be displayed to the job seeker.
- As a job seeker, I want to apply for a suitable job according to my skills and knowledge.
- As a job seeker, i want to search a specific position I'm interested in.
- As a job seeker, I want to upload my CV and showcase my experiences and skills.
- As a job seeker, I want to be in touch with recruiters to demonstrate my knowledge in the wanted position.
- As a recruiter, I want to post a job offer so that interested applicants can apply
- As a recruiter, I want the check out profiles of applicants who applied for the job I posted.
- As a recruiter, I want to message an applicant I am interested in.
- As an admin, I want to see the statistics of the app in the dashboard, such as monthly users, monthly offers, users per city...
- As an admin, I want to search users and check their profile, as well as remove a specific user from the app.
- As an admin, I want to search offers and check them out, as well as remove a specific job offer from the app.
The below screenshots show some aspects of the design that was planned before on paper, then moved to Figma app for the fine details.
Landing/Log In | My Jobs/Add Job |
---|---|
Chats/Conversation | My Profile/View Job Offer |
---|---|
Here's a brief high-level overview of the tech stack used in Hirely:
- React Native, a JavaScript framework for writing mobile applications.
- React, a JavaScript library developed by Facebook. Its aim is to allow developers to easily create fast user interfaces for websites and applications alike.
- Laravel, a PHP framework. It follows a model-view-controller design pattern.
- MySQL, a relational database management system (RDBMS) that is based on structured query language (SQL).
- Firebase, a Google-backed application development software that enables developers to develop iOS, Android and Web apps. Firebase provides tools for tracking analytics, reporting and fixing app crashes, creating marketing and product experiment.
Using the above mentioned tech stacks and the wireframes build with figma from the user sotries we have, the implementation of the app is shown as below, these are some gifs from the real app
Add Job | Apply | Applicants List | Hirely Message |
---|---|---|---|
Phonecall Redirection | Whatsapp Redirection | Realtime Chat | Change Picture |
---|---|---|---|
Search | Filter | Edit Profile | View Profile |
---|---|---|---|
Admin Dashboard |
---|
Here's some short screenshots from the real app
Splash screen | Signup | Complete Profile |
---|---|---|
Jobs | Realtime Chatting | Add Job |
---|---|---|
Whatsapp Redirection | Search | Filter | User Compatibility |
---|---|---|---|
To get a local copy up and running follow these simple example steps.
-
Download and install Node.js
-
npm
npm install npm@latest -g
-
Expo CLI
npm install --global expo-cli
-
Expo Go mobile app
- Clone the repo
git clone https://github.com/Joe-Moussally/Hirely.git
- Navigate to the Frontend folder and install dependencies
cd Hirely/react-native-app npm install
- Run the start up command
expo start
- Scan the generated QR code with your camera (ios) or through the Expo Go application (android).