Jobify

All the jobs in one convenient place

Demo · Backend Repo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
3. Usage
4. Roadmap
5. Contact
6. Acknowledgments

About The Project

Jobify is a job board site. Companies can post available jobs and users can sign up to browse jobs. It was originally built in 2023 as a project at Rithm School.

This project contains both a frontend React app and backend Express app. This repo is the frontend and you can find the backend code here.

Technologies in the frontend include:

• React with React Router for routing
• Vanilla CSS for stlying
• Axios for API calls
• Surge for hosting

Technologies for the backend are:

• Express
• PostgreSQL

The deployed backend is hosted on Render and the database is hosted on ElephantSQL.

The backend was built from an existing codebase with minimal features, 80% testing coverage, and some security bugs. Working with a pair, I built the frontend entirely from scratch.

This project offered learning opportunities around:

• User authentication and authorization on backend and frontend
• User sessions and cookies
• Password hashing and encryption
• Building RESTful APIs
• Separation of concerns between back and frontend, as well as between logic and display
• Routing in an SPA
• React component design
• React state management and context

You can log into the demo site with the following credentials:

• Username: guest
• Password: password

(back to top)

Screenshots

Welcome page for non-logged in users

Company listing for logged in users

(back to top)

Built With

This project was built in May 2023 with the following:

• 
• 
• 
• 
• 
• 
• 
• 
• 

See requirements.txt for a full list of dependencies.

(back to top)

Getting Started

To get a local copy up and running follow these steps.

1. Clone the frontend and backend repos

   git clone https://github.com/julianecassidy/react-jobify
   git clone https://github.com/julianecassidy/react-jobly-backend

2. Create and seed the database

   createdb jobly
   cd jobly-backend
   psql jobly.sql

3. Install dependencies and run the backend server (Defaults to port 3001)

    cd jobly-backend
    npm install
    npm run start

4. In a new terminal, install dependencies and run the frontend server (defaults to port 3000)

    cd react-jobify
    npm install
    npm run start

5. Go to localhost:5000 to view the app

(back to top)

Roadmap

• Add user profile page with options to edit profile
• Add a "forgot password" feature
• Refactor styling with Tailwind CSS
• Movevery frontend from Surge to Netlify

(back to top)

Contact

JulianeCassidy LinkedIn

Project Link (Frontend): https://github.com/julianecassidy/react-jobify

Project Link (Backend): https://github.com/julianecassidy/react-jobly-backend

Live Demo: http://jobify.julianecassidy.com/

(back to top)

Acknowledgments

I completed this project at Rithm School. I would like to thank the my pairs for the project -- Chris Lupton on the backend and Sarah Graup on the frontend. I'd also like to thank the staff of Rithm for code reviews and assistance.

• Rithm School
• Best-README-Template
• Img Shields

(back to top)