Resu-Me

Clark's resume website
Varun's resume website
Josh's resume website

Inspiration

The motivation and background for this project is simple, we’re graduate students desperate for a summer internship. In our university, most of the students in the department of Electrical engineering and computer science, haven’t found one and that seems to be the case across the student population. We wanted to help everyone elevate their job search with a solid upgrade, hence we decided to create this website builder. As this project goes live on the web, students from across the globe will be able to access this and have the opportunity to create their own websites. Websites are unrestricted to a page, which allows the candidate to explain their achievements even better. Furthermore, having a website has remained exclusive to web dev skilled CS students. Now, it’s open to all. This is a massive community impact.

What it does

Our core functionality is defined in one line : Create a fully functional, user customized, great looking website that is derived from merely dropping in your resume. We take your resume in the front end, do magic with it in the backend and voila! We give you a personalized beautiful website that is all about your life and your achievements i.e your resume.

How we built it

We are utilizing Gemini’s multi-modal functionalities to build something that could not have been possible before. The user first uploads their resume as a pdf (which is taken into the backend and converted to an image), and then selects a theme, which the backend translates to a set of screenshots of corresponding websites (for example, our windowsXP theme uses screenshots of neat, old websites that serve as the basis for the form and style of the generated site). After giving their username and hitting the submit button, our backend queries Gemini using predefined text prompts (telling the model to generate HTML and CSS), combined with the images of the resume and website themes. We then parse the output to extract the HTML and CSS data text separately, which is uploaded to our mongoDB with the key as the user’s username. Finally, when the user goes to the url /users/their_username, the model’s custom generated website is displayed.

Challenges we ran into

Prompt engineering to obtain the right results from Gemini was a big challenge. Initially it was giving wrong output with misinformation. After hours of prompt engineering it became good information extraction with misinformation. Then we finally were able to make it give us the right output. We also ran into some time-out errors while using Gemini. We had a huge difficulty in connecting front end and backend and integrating Gemini.

Accomplishments that we're proud of

We were able to get Gemini to extract the relevant output without any errors. we also were able to make the resume pdf into a website and have it run locally. we were able to convert the input pdf data and have it extracted and stored in a mongoDB database. Then we were also able to use this successfully to create the website.

What we learned

HTML, CSS, React, Flask, Git bash, Github, Project management, project scoping and team work

What's next for Resu-Me

Host this on a domain exclusively for this project (our teammate already has a personal domain, but not specifically for this project) We fine tune the project and try to minimize the run time with prompt engineering We can allow the user to input their own website template or image template for their website creation Allow active edits on the created website to add more content as the user likes.