Inspiration
Inspired by the UN's Sustainable Development Goal 8 — Decent Work and Economic Growth — we came up with Nest, a website that can help people find jobs. Drawing inspiration from established job platforms like Indeed and LinkedIn, Nest aims to combine functionality with a clean, minimal aesthetic influenced by modern Korean social media design.
What it does
Nest displays curated job listings to users, offering an interactive experience beyond just scrolling through postings. On the homepage, users will be shown a variety of job listings and asked a series of questions about their personality, work habits, and overall character. Based on their responses, Nest recommends job descriptions and shows relevant data like average salary. Users can give feedback on whether the job seems like a good fit. Depending on how the user answers, Nest will refine its recommendations accordingly.
How we built it
We began by designing core components in Figma, including the logo, header, footer, and buttons (leveraging assets from ShadeUI). These components were then imported into Firebase Studio to be used later when constructing Nest's interface.
Within Firebase Studio, we created files for all the pages we designed in the SRC folder. We first used HTML and Tailwind CSS to build the basic UI. After all the HTML and CSS was completed, we started implementing Javascript to each page to build the features we wanted.
In the Data folder, we generated an array of objects to store information on different jobs, including their title, description, hourly pay, location, schedule, the application deadline, and an image that visually shows what the job is. We also implemented very basic local storage.
We constantly switched back and forth between Figma and Firebase Studio as we added to and tweaked the original design of Nest.
Challenges we ran into
One of the hardest parts was refining our idea to fit the UN SDG prompt while making it feel unique compared to existing job platforms. On Day 2 we pivoted from our original idea because we thought it didn't follow the prompt anymore, so we ended up throwing out the majority of our work from Day 1.
On the technical side, keeping all of our files organized in Firebase and Github proved challenging. There were often conflicts when trying to push edits we made to the code, and that significantly slowed our development speed.
Accomplishments that we're proud of
The biggest accomplishment that we're proud of is the fact that we were able to get Nest functioning despite the fact we had to throw out the majority of what we coded on Day 1.
What we learned
We learned that we need to have a solid idea in the beginning so that we wouldn't have to scramble to rework the majority of our website later on. We also learned that we need to distribute the work better amongst ourselves, since there were multiple instances where only one of us was focused on coding while the others were trying to rework our designs.
What's next for Nest
If we had more time, we'd like to expand the questionnaire to generate even more accurate and meaningful recommendations. We'd also like to Integrate a real-time database instead of relying on static arrays. We'd also like to diversify the images displayed for each of the job postings, and enable users to search for a specific job they are looking for.
Log in or sign up for Devpost to join the conversation.