Inspiration
I was glad to see from Michael's kickoff speech that CrackedDevs is focused on bringing developers the remote role's they would actually want. Going along with that idea I though it would be fun to make the job search process more personal. It's difficult to get any facetime with hiring managers unless you have 10+ years of experience and 2 masters degrees. Virtual Job Fair gives eager workers that chance to make a good impression.
What it does
Virtual Web Fair is an event application. A company or group of companies collaboratively host this service to meet prospective employees, promote urgent online job postings highlighted at the event, and schedule speakers to give talks to teach and grow their audiences. Prospective workers can break off to attend speaking events or talk one-on-one with employers.
How we built it
- I design most of my artwork through pixelart.com with their free tool.
- I utilized Next.js and React.js to develop and bundle it.
- The demo is hosted on a Digital Ocean VM.
- Cloudflare secures and serves the application.
Challenges we ran into
- It was time consuming to do art work. There was a lot of testing and tweaking to align stuff properly.
- This was my first attempt at using Next.js there was a small learning curve dealing with their built in tooling especially around the building and deploying process.
- Unfortunately, due to time restrictions, I was unable to implement my controllers for utilizing Firestore.
- I encountered a really weird issue with z-indexes where the z-index of elements in a list were increasing the greater their index. This caused an issue with a Modal I wanted to implement. Alternatively, I opted for recreating the modal as a dynamic page.
Accomplishments that we're proud of
- This was my first heavily designed and colorful applications. It was challenging and fun.
What we learned
- I was familiar with React.js but new to Next.js so there was a little learning curve there.
What's next for Virtual Job Fair
- Setup Firestore Controllers (Users, JobFairListings, Events, Companies)
- Create Account Page
- Create New Profile Setup Page (Add contact info, resume, and configure avatar)
- Create an Avatar builder (base model, choose skin tone, eye/hair color, outfit)
- Configure Authentication (either Auth0 or Next Auth)
Built With
- cloudflare
- crackeddevs-api
- digitalocean
- github
- javascript
- next.js
- nginx
- react
- ssl

Log in or sign up for Devpost to join the conversation.