react-jobly

React frontend and Node.js/Express/Postgres backend app for posting, viewing, and applying to job applications.

A deployed version of this app can be found here.

Learnings

• Authentication and authorization through JWTs
• Recovering login status through data hydration
• Protect against SQL injection attacks by parameterizing database queries

The backend code in this repository was provided by Rithm School. We built the backend as a separate exercise (code can be found here). This project was pair programmed with Andrew Li.

Getting Started

1. Clone this repo

git clone https://github.com/cyhk/react-jobly.git

2. cd into the "backend" directory, install required packages, create and seed database, and start the server. (Make sure that you have postgreSQL installed)

cd backend
npm install
createdb jobly
psql jobly < data.sql
nodemon server.js 

This will start the server on port 3001

3. cd into the "frontend" directory, install required packages, then start the app

cd frontend
npm install
npm start

This will run your app on http://localhost:3000

App Information

Routes

Path	Component
/	Home
/register	Login
/login	Login
/companies	Companies
/companies/:handle	Company
/jobs	Jobs
/profile	Profile

Component Architecture

App
├── Navigation
└─┬ Routes
  ├─┬ Companies
  │ ├── CompanyCard
  │ └── Search
  ├─┬ Company
  │ └── JobCard
  ├── Home
  ├─┬ Jobs
  │ │ └── JobCard
  │ └── Search
  ├─┬ Login
  │ └── Alert
  ├── PrivateRoute
  └─┬ Profile
    └── Alert