CASE STUDY
JOBIT
Jobit is a React-based web application that my team and I developed for job posting. It integrates JSearch API and connects developers with millions of job opportunities entirely free of cost.The platform provides comprehensive information on job postings, including company details, job requirements, and responsibilities. Users can also explore job openings from specific companies and similar companies based on their search criteria.Jobit offers a user-friendly interface that allows developers to easily filter job postings based on their location, preferred employment type, experience level, and salary expectations.We also integrated a salary estimation feature and included the option to switch between light and dark themes for user convenience.
Problem Statement
In today's dynamic and rapidly changing job market, the competition for available job positions has become increasingly intense. This poses a challenge for both job seekers and employers as they struggle to find the right fit for their needs. The situation is worsened by the vast array of online job postings, which have made it harder to identify job opportunities that align with individual career goals and qualifications.
Jobit seeks to address the issue of job search for developers by providing a contemporary job posting web application. It is designed to offer free access to a vast pool of job postings while connecting developers with prospective employers. The JSearch API is a central component of Jobit, allowing users to find job opportunities that meet their particular requirements by presenting comprehensive details about job postings and salary projections to help candidates make educated decisions.
HIGH-FIDELITY FIGMA DESIGN
Development Process
AGILE METHODOLOGY
Our team utilized the Agile methodology, a popular project management process commonly employed in software development. This methodology enabled us to work in an iterative manner, allowing for flexibility and adaptability to changes in priorities throughout the development process. Furthermore, the Agile methodology facilitated effective collaboration among team members. As a result, we were able to deliver the following deliverables in a timely and efficient manner.
The following are the deliverables and steps we took to develop the application:
Definition - Our team gathered and defined the project, its scope and understand the requirements we need to cover.
Planning - Our team worked together to devise a plan for the tools and methods we will utilize. Subsequently, we conducted a backlog refinement process where we divided tasks into manageable components, made assessments of the workload, and arranged them in order of priority before assigning them to team members.
Development - With a thorough understanding of what needs to be done, why it's important, how it can be achieved, and when it should be completed, we commence the development process.To keep everyone informed and ensure smooth progress, we held daily stand-up meetings where we shared updates, addressed challenges, discussed ongoing tasks, and outlined the upcoming steps.
Delivery - Once the project requirements were reviewed, our team created a concise presentation to showcase the application and its functionalities. Following that, we launched the minimum viable product (MVP) on Vercel to collect feedback and carry out testing.
Takeaways
Learnings
- Acquired skills in rapid and aesthetically pleasing frontend development using Tailwind.
- Successfully worked and collaborated with an online team consisting of members with different background from different countries.
- Developed reusable components for efficient software development.
- Acquired proficiency in React and Redux-toolkit and implemented various features utilizing industry-standard best practices.
Challenges
- Making the web page responsive was a rewarding highlight, but presented a significant development challenge.
- Handling an inconsistent API was a major challenge during development, requiring extensive troubleshooting to ensure accurate data retrieval and display.
- Ensuring that the codebase remains clean, readable, and maintainable was a significant challenge during the development process.
- Performance optimization was an ongoing challenge that required ensuring smooth operation on various devices and networks while minimizing load times
Other Case Studies
Morent
Morent is a car rental app built with Next.js, Express, and MongoDB. It features a dynamic homepage with top-rated cars, a search bar and filters, and detailed car pages.
Hipnode
Hipnode is a premium Social Media Forum Web App that focuses on helping you build relevant marketplace discussions by organizing your social media content.