DEV Community

Cover image for Bringing It All Home - Resu.Me
Marcus Gutierrez
Marcus Gutierrez

Posted on

Bringing It All Home - Resu.Me

Wrapping up our time at GA! It's really incredible how quickly time flies when you've been on the grind. I'll be writing another post to discuss my intensive experience, but I figured that I'd keep with tradition and do another retrospective post following the completion of my final project.

My teammate for this project, Guillermo, and I independently stumbled upon our project idea. I had reached out to ask about his experience using Google Firebase only to find that we had a pretty similar idea for our capstone project - an app that lets users create resumes. We began discussing a roadmap to an MVP that night and quickly selected our stack and began trying to build a proof-of-concept.

Our app consists of a React front-end (featuring some piecemeal use of React-Bootstrap) and a Firebase backend. The secret sauce for this app was the React-pdf node package. After some configuration and plenty of experimentation, we had a pdf dynamically rendering in our window. Construction of the templates for resumes and cover letters was laborious, but pretty straight-forward. If I were to take another pass at this project, I'd really want to see if there were a means by which I could populate this document in a much DRYer approach.

I encourage you to checkout our repo and deployed application to see our code and learn more about how this project came to life!

GitHub logo Marcus-Guillermo / frontend

A Resume and Cover Letter generator utilizing React, Firebase and React-pdf. Additionally features integrated Levels.fyi widgits

Screen Shot 2021-04-25 at 9 35 06 PM

What is Resu.Me ?

Resu.Me is intented to be a one-stop resume and cover letter destination for aspiring junior-engineers. Via simple text field input, users can quickly create and download professional and well-formatted .pdf resumes and cover letters. As an added bonus, users can find inspiration on their job hunt through Resu.Me's built-in Levels.fyi integrations.

Resu.Me Rendered Home Page:

Screen Shot 2021-04-25 at 9 23 09 PM

Example of a User Generating a Resume:

Screen Shot 2021-04-25 at 9 21 26 PM

Example of a User Generating a Cover Letter:

Screen Shot 2021-04-25 at 9 17 32 PM

Development Process

Resu.Me was relatively straight-forward to plan. The application was intended to facilitate easy creation of cover letters and resumes by users.

We proposed the following component hierarchy while making a development plan. Our final component hierachy looked different, particularly after integration of the Resume generation functionality. We had originally intended for the two components (resume generation, cover letter generation) to sit on the same page, but quickly saw…

Top comments (0)