Raymond Lee

Jobdoor

Intern and new grad job board

Jobdoor homepage
Technologies
  • Angular
  • Node.js
  • MongoDB
Links

Overview

Jobdoor is a job board web app for interns and new grads. Users can look for job opportunities or post ones that they have found. The inspiration for this project was from a GitHub repo that contained a list of new grad positions that many people have contributed to. This project was built using Angular, Node.js, and MongoDB.

Process

Back End

The back end was built with Node.js and data was stored with MongoDB. Endpoints were created to manage the postings and user accounts through different types of HTTP methods. For data storage, users are stored in one MongoDB collection and the postings are stored in another.

Front End

The front end was built using Angular to provide quick loading between pages as it is a single-page application. Although most of the styles were custom-made, I used a bit of Angular Material UI to get familiar with the component library. For the design, I went with a fun visual personality through the use of bright colours, curves, and icons.

Jobdoor home page
Job postings can be searched by position or location.
Registration page
Registration is required to create job postings.
Post a Job page
It is quick to create a job posting with just 4 fields.
Home page in mobile view
Responsive interface allows the website to be accessed from different type of devices.

Reflection

Creating this web app, I succeeded in having a portal where job positions for interns and new grads could be centralized. A major challenge I encountered during the process was the pagination of job postings. I had to decide to perform it either through the client or server-side and ultimately opted to go with server-side pagination. This allowed for a faster initial load time for users. A feature I would like to add to Jobdoor is to incorporate tags. This would allow users to filter postings and allow for more customized posting results.