Jobly 💼

Centralize your job search experience with a user-friendly platform.

View Demo · Backend Repo

username: guest | demo password: password

Disclaimer: it might take 10-30 sec for the page to fully render

Table of Contents

1. About The Project
   • Learnings
   • Built With
2. Component Hierarchy Design
3. Getting Started
4. Acknowledgments

About the Project

Jobly is a full-stack application where users can register, manage their profile, browse and search hiring companies and jobs, as well as apply to jobs. This project was built in January 2024 during a 4-day sprint at Rithm School.

Application was built with a React frontend, Express backend, and Postgres database. Express backend implemented with test-driven development (TDD). Frontend and backend hosted on Render and database hosted on ElephantSQL

(back to top)

Learnings

Frontend:

• React component hierarchy design
• Separation of concerns between logic and UI displays
• React state and context management
• Token retrieval via localStorage
• Building protective routes via React Router
• Creating a helper API to centralize data requests

Backend:

• Authentication and authorization with middleware and JWT tokens
• Protection against SQL injection attacks via parameterized queries
• Designing RESTful APIs and database schemas
• Form validation with JSON schemas
• Test-driven development and coverage
• Bcrypt hashing

Component Hierarchy Design

Built With

• 
• 
• 
• 
• 
• 
• 

(back to top)

Getting Started

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

1. Clone frontend and back repos

   git clone https://github.com/crystal-tran/react-jobly-frontend.git
   git clone https://github.com/crystal-tran/express-jobly-backend.git

2. Create and seed database

   createdb jobly
   cd express-jobly-backend
   psql jobly < jobly.sql

3. Install backend dependencies and run backend server

   cd express-jobly-backend
   npm install
   npm start

4. In a separate terminal, install frontend dependencies and run frontend server

   cd react-jobly-frontend
   npm install
   npm start

5. View on http://localhost:3000

(back to top)

Authors

• Nick Orsi : Frontend Co-author
• Veronica Ni : Backend Co-author

Acknowledgments

• Rithm School
• Best-README-Template
• Markdown-Badges

(back to top)