Introduction
Jobathon is an opensource service built with react and AWS Amplify that allows Companies , and entrepreneurs or freelancers to post Jobs or gigs for interested developers , designers , product Managers to apply.
Where The Idea Came From
Since i started my career has a developer , i have a lot of other developers contact on my whats-app contact list, and i often come across status like “If you are React Developer Reach out” , “ A Vue Developer with 3 years of experience Reach Out”
A lot of new developers are looking for a real life project/ job to kick start their career. so when this hackathon was announced i thought to my self why not build this. And i really couldn't come up with a nice name but since its a project about Jobs and I’m building for an Hackathon , Jobathon made a lot of sense.
Features
1.1 Auth
Jobathon requires less information to get registered. it started as mistake cause i didn’t clearly read the aws amplify docs at first when i implemented the authentication thinking i could later modify to accept more information, but i figured i couldn’t make changes to authentication after deployment. So let’s call it a feature 🙂
1.2 View Applicants
Jobathon also Allows Job posters or Job owners to have a view of applicants that have applied to thier Jobs and this gives them the ability to view applicants Resume and also view LinkedIn Profiles
1.3 AWS Search Ui React and Pagination
All Jobs can be found the the FIND JOBS Section. Pagination was included to reduced request that are being sent to the Aws Backend. and also you can search for jobs with Keywords
1.4 Posting Jobs
Only Authenticated users can create Jobs and also apply Jobs.
And as a creator of a Job you do not have the Ability to apply for Jobs you have created.
other Features include : Ability to view all Jobs you have Applied to.
Implementation
I implemented all its backend with aws amplify.
This code snippet fetches only the latest or top 6 of jobs posted recently and displays it in the Hompage.
Delete Function
I also implemented a deleted function for Jobs created so this gives only the creator of the Job to have access to the delete button and also if the creator is logged out , he does not have access to the delete function.
Useful Links
Difficulties
Here are some difficulties that I faced during the development process:
i’m new to react , and this is my first time using tailwind.
i also had issues with displaying images without expiring.
So i finally wrote a custom hook to fetch the pictures when the component using images loads.
Tech Stack
- React.js
- JavaScript
- Tailwind CSS
- Aws Amplify
About Me
I'm Momoh Taiwo Tyler, currently pursuing a degree in front end software engineer at AltSchool of Africa. I've been in the world of coding for 2 years now. I'm a back-end developer and my current stack consists of Node, Express, and MongoDB, PostgreSQL and MySQL But now I can confidently include React, Tailwind and AWS Amplify 🔥.
Thank You
Thank you for reading this article and trying out Jobathon.
A special thank you to the AWS amplify and Hashnode teams for making this hackathon possible.