Resume Maker

• 

  Resume Maker - Fields

• 

  Resume Maker - PDF Creation

I found making a resume really hard. Turns out, writing code to help you make one is even harder (who would have thought?!) My inspiration comes from the Ideas Google doc that was attached to the hackathon's page 😭.

What it does

The resume maker helps you make resumes. You can add sections, remove sections, add fields to sections, and render a pdf. You can also save it (not shown in the demo). It's pretty simple.

How I built it

I decided to use Next.js. I don't really know why. My only real experience with react and javascript was this 4-hour-long react-native tutorial, of which I only watched 2 hours. Needless to say, I was a bigtime newbie. I thank the internet and especially my bestie, Github Copilot, for helping me with code and understanding concepts. I don't even know if I'm using the correct terminology 😭.

Challenges I ran into

I had no clue how react worked. I wasn't really sure how components worked with other components, and how data could be moved between components. I used react-pdf to make a pdf, which required the use of react-pdf components, so I didn't really know how to convert react components to react-pdf components. I also didn't know how to access data that was stored in components.

Accomplishments that I'm proud of

The fact that I made something that works somewhat is good enough for me. This is my first hackathon, and I'm happy with the progress that I made. It would've been nice to work with other people and learn, but that seemed scaryy.

What we learned

I learned about states in react. I also learned that states in components only work when it is being rendered. I also learned that I really need to plan before starting a project.

What's next for Resume Maker

There's this little problem, where if you delete one of the sections or forms in the middle, it doesn't work as expected. Like if I'm deleting section 2 of 3, then it's going to seem like section 3 got deleted. But when you render the pdf, section 2 seems to be deleted. I'd like to fix that. Also, I'd like to make the pdf look real pretty.

Built With

• javascript
• next.js
• react