Jobly Frontend

Jobly is a full stack web application of a mock job board site where users can create an account and login. Logged in users can browse through a list of companies and/or jobs with the ability to filter the list using the search bar. Each company has a list of job openings that a user can view and/or apply to.

Table of Contents

1. Features
2. Tech stack
3. React Component Hierarchy
4. Install
5. Deployment
6. Future features
7. Contributers

Features:

• Logged out users have the option to sign up for an account. Authentication is manged by the backend.
• Logged in users have access to view companies and jobs, apply for jobs, and the option to update their profile.
• Users can apply and unapply for jobs to keep track of application status.
• Search fields are available for users to filter through companies/jobs.
• Token stored on localStorage so that a user is not automatically logged out upon page refresh.
• Alerts are displayed to the user when signing up for an account and editing the user profile if minimum requirements are not met.

Tech stack:

Backend (GitHub Repo):

Frontend:

Database Management:

React Component Hierarchy:

Install:

This project uses Node.js for the back-end JavaScript runtime environment. To install the backend dependencies from the package.json file:

npm install

To start the sever (port 3000):

npm start

Deployment:

Frontend Deployment:

We used Surge to deploy our front end.

First make sure Surge is installed:

npm install -g surge

Next, let’s make sure we define the environment variable for our frontend app.

REACT_APP_BASE_URL=YOUR_RENDER_BACKEND_URL npm run build

Now build your frontend.

cp build/index.html build/200.html
surge build 

Future features:

• Pagination for company and jobs list
• Live search
• Show a list of companies applied to
• Add edit form for companies
• Add job application forms

Contributers:

• Ashley Mathew
• Gordon Ball