XJobs
Overview
XJobs is a web app that helps freelancers and clients connect and securely handle payments with the latest web3 technology for a smooth and safe onboarding process.
View WebsiteStack
Next Js
JavaScript
Redux
MongoDB
Web3 Js
Problem Statement
The Problem
The most challenging aspect of my project was getting up to speed with NextJs, which required me to grasp server-side rendering concepts that were different from what I knew from working with ReactJs. Also, the backend team needed more help since the 3 devs weren`t enough.
The Solution
To meet the challenge, I quickly learned NextJs & its concepts, including taking a crash course since it`s based on ReactJs. Additionally, I got guidance from a mentor to enhance my project logic & contributed to the backend by writing & reviewing numerous optimized endpoint codes and database schemas.
The Results
Despite the initial slow speed of the website, it turned out amazing thanks to taking my mentor`s suggestions into consideration. By slimming down the initial bundle size from 700kb to 200kb, the performance of the site improved drastically and was able to skyrocket to new heights.
Screengrabs
Reflection
Interestingly, I got to dive into the backend for the first time and had a blast writing database schemas and API endpoint codes. It was a super fun project for me as it covered a lot of frontend web development areas. Plus, it was my first big project using Next.js and I loved every minute of it. Even after deployment, I faced some challenges with the initial database connection time, but I learned about the server-less cold-start issue and fixed it by sending a 5-minute periodic ping to the server. No more pesky 502 timeout errors!