Skip to content

React Jobly - job board app w/ React FE (Surge), Node BE (Render), and Postgres DB.

Notifications You must be signed in to change notification settings

veronicani/react-jobly

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

🧑🏾‍🚀👩🏻‍🍳 Jobly 👨🏽‍🏫👩🏼‍🏭


Demo recording

Heads up world, there's a new job board in town! Connecting eager, strapping, young & old folks to their dream careers, one gig at a time. The hustle is on 💼!

View Demo ▶️ · Report Bug 🐛 · Request Feature 🙏

Top Languages GitHub repo size GitHub code size in bytes Contributors GitHub last commit

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. Contact
  5. Acknowledgments

About The Project

Jobly is a job board site where users can sign up, log in, browse companies, and apply to jobs. Company accounts are able to post new jobs.

To test out the demo, you can use:

  • username: guest
  • password: password

This is the frontend application, bootstrapped with Create React App. It uses Bootstrap for styling, and is deployed through Render.

It includes a RESTful API to interface with an Express Jobly Backend.

Features to the frontend and backend were implemented as a project in the Rithm School curriculum.

Project Architecture & Tooling

Component diagram

Topics explored in this project:

Backend:

  • Building authentication & authorization routes for anon, users, and admin
  • Creating JWT tokens, and validating incoming requests via tokens
  • Authorization via middleware
  • Creating full test suite with Jest w/ 99% coverage
  • Understanding database schema and model design
  • Writing database queries within models
  • RESTful API design

Frontend:

  • React component design and state management
  • Separation of components based on logic and display functionalities
  • React Router
  • Token retrieval via AJAX and local storage

This project a WIP -- Please refer to the roadmap for the list of features we plan to add in the future.

(back to top)

Built With

Front-end:

  • React
  • Render

Back-end:

  • Node.js
  • Express
  • PostgreSQL
  • SQLAlchemy
  • ElephantSQL

(back to top)

Getting Started

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

  1. Follow the instructions for cloning and setting up the complete backend repo provided by Rithm School.
  2. In a new terminal, clone the frontend repo.
    git clone https://github.com/veronicani/react-jobly.git
  3. Install frontend dependencies.
    npm install
  4. Run the app in the development mode.
    npm start

Open http://localhost:3000 to view it in your browser.

(back to top)

Roadmap

  • Finish implementing local token storage
  • Add testing for local token storage
  • More as needed

(back to top)

Contact

Veronica Ni - veronicani.dev - [email protected]

LinkedIn - linkedin.com/in/veronicani

Project Front End Link: https://github.com/veronicani/react-jobly

Project Back End Link: https://github.com/veronicani/express-jobly

(back to top)

Acknowledgments

This is a project I completed with Carl Molina and Crystal Tran at Rithm School. Many thanks to the staff team for their excellent curriculum and support!

(back to top)

About

React Jobly - job board app w/ React FE (Surge), Node BE (Render), and Postgres DB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published