Project: JobbaHunt

🔍 🚀 ⚖️

JobbaHunt is a job search application built in full stack with react, django REST framework, and is connected to PostgreSQL database and AWS. Users can create an account, search jobs on Reed API, save jobs, update progress of job applications. Interactions with the app allows the user to collect points that can be exchanged for rewards e.g. virtual coffees with CEOs, LinkedIn connections, etc.

Description

The the aim of JobbaHunt is to improve the job searching process which can be long, stressful and demotivating. We hope the casual language, emojis, and rewards will brighten up the process and motivate users to continue job hunting.

Installation and Usage

Clone or download this repo.
Navigate to root directory of this repository and open the terminal:

To start up our server:
pipenv shell
pipenv install
cd django
python manage.py runserver

To start up the PostgreSQL database in a docker container:
docker-compose up

It should load on: http://127.0.0.1:8000/

To start up our client:
cd react-client
npm install
npm run dev

It should load on: http://localhost:8080/

Technologies

• HTML, CSS, Python, JavaScript, docker, SQL

Dependencies:

• Server: django, JWT, django REST framework

• Client: react, router-dom, react-router-dom, bootstrap, react-bootstrap, sass, axios, jwt-decode, react-icons

DevDependencies:

• Server: gunicorn, whitenoise, psycopg2

• Client: necessary loaders, webpack, babel, jest, react testing library, dotenv-webpack

Process

1. Project Plan! Set up Gists, Source of Truth, project Kanban board and use MosCow method for prioritisation
2. Design and layout plan! MoqUps, dbDiagram, idea proposal slide deck
3. Set up file structure for the decided tech stack - django and react
4. Decided to focus on sustainable developement by setting realistic goals in daily stand ups
5. Set up ticket system with estimated completion timeframes
6. Prepare for deployment! And deploy! Deploy daily to welcome new changes!
7. Mob/pair programming to collaborate and we had an open call available all day

Changelog

Django-API

1. Install django - start project 'careers' and create app for 'users'
2. Add Django REST Framework
3. Extend base user model with profile details
4. Add register route
5. Add JWT authentication via simplejwt
6. Add user Applications models and views
7. Add Rewards app and views for getting/editing rewards
8. Add UserReward Many-Many link model that allows adding rewards to a specific user (e.g uploaded CV)
9. Add jobs app handling fetching jobs from Reed API using an API key stored in .env
10. Edit permissions on routes only available to users/admins
11. Add test suite using DRF APIClient class to test endpoints

React-Client

1. Set up react file structure.
2. Install dependencies and devdependencies
3. Add components: Profile, SearchBar, Sidebar and new Pages within /home and a landing page at /
4. Set up routing, nested routes and 404 routes
5. Landing page login/register form
6. Start stubbing out components and elements for each page
7. Install test devdepencies and add setup for test suite
8. Add authentication and hide content for users that aren't logged in
9. Fetch from jobs API and from our Django API. Render data in correct components and pages

Bugs

• issue with switch statement / nested switch routes not working. Solved with useRouteMatch
• login/register path not rendering correctly. Solved with location.reload
• /register rendering login form. Solved by refactoring and creating new register page (but i think there could be an even better solution that requires less code lines)
• nav bar and side bar is protected from unauthed user, however main section content still shows upon logout. Solved with history.push to login and useState for style visibility change
• users and profile IDs not matching on back end
• recursive functions error causing infinite requests to our django API. Solved by using useEffect
• nav bar moving the whole main container on hover
• users can add daily streak multiple times a day

Wins & Challenges

Wins

• Having a solid plan from early and great communication between the team!
• Successfully deployed front end to Netlify and backend to Heroku
• Authentication between front and back end working smoothly
• Great use of useEffect to render updates dynamically

Challenges

• Environment issues with python and setting up a virtual environment
• Django deployment - lots of configs and trial and error to get it work
• Posting files and images to API
• Fetching from Reed API
• Issues with migrations during deployment

Future Features

• Direct platform between employers and employees
• Mail service for alerts and notifications (django mail)
• Mobile application using react native

Slide Deck

https://www.canva.com/design/DAEfBpDPLZQ/GzCkC87sbsY2tRo8vjjX5g/view?utm_content=DAEfBpDPLZQ&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink