Draftly

Inspiration

In 2025, landing a job in a competitive field like computer science can feel like an uphill battle—especially without the right support. According to Glassdoor, 55% of recruiters say the biggest mistake applicants make is not tailoring their resume to the job posting. But don't worry, we've got your back!

With Draftly, building a strong, tailored resume for your dream job has never been easier. Simply enter your details, and voila—out comes a sleek, ATS-friendly resume crafted to match the job description you're aiming for.

Forget the frustration of endlessly rewriting your resume for each application. Draftly customizes your resume to reflect exactly what the job wants, saving you time and stress. Whether you're targeting that coveted startup role or a prestigious tech company, Draftly helps you stand out to both robots (ATS) and humans alike. And with our clean, professional PDF output, you'll be ready to impress.

And the best part? We offer a free tier to help those who lack the resources to invest in professional resume services. This way, you get the support you need—without breaking the bank—so you can take your job application to the next level.

Job hunting doesn't have to be a struggle. Let's make it easier for everyone.

What it does

Draftly receives information about the user's background, skills, and work experience, as well as a description of the desired job position. What makes Draftly unique is that it optimizes and selects the most relevant information to create the perfect ATS-friendly resume that the user can then download.

How we built it

Draftly utilizes a React.js frontend and an OpenAI API backend. We leveraged Figma to design the pages and components before beginning the development process.

Challenges we ran into

Translating Figma designs into interactive React.js components.
Communicating GitHub push and pull requests.
Integrating the OpenAI API into our frontend and backend.

Accomplishments that we're proud of

Several team members learned Git, GitHub, and GitHub Desktop for code collaboration purposes. Most members were also exposed to Node.js and React.js for the first time. We're proud of our ability to work through these struggles to create a functioning app!

What we learned

Patience, planning, and communication are key. By relaying our current and future duties to the group via Slack and Discord, every member was able contribute productively and mostly without overlap. We learned how to code in React.js, use Node.js for development, and code as a team.

What's next for Draftly

Implementing an authentication system so that the user's information is saved within their account, making it much easier to generate multiple resumes.
Allowing users to attach their LinkedIn as an information source instead of inputting data themselves.
Allowing users to preview and edit their PDF before downloading.

Built With

Submitted to

Hack For Humanity 2025

Created by

This is my first hackathon. I have little bit of experience using html and css but my first time using javascript, and collaborating by learning how to use github and using the commands. I worked on the front end by building the popups

Andre Dinh
I worked on the front-end design concept and implementation. I worked on troubleshooting minor front end issues and handled the prep for our presentation. I got to learn so much about Git Repositories and web design. This is my first hackathon experience, so I am happy to have contributed what I have! I could not ask for a more dedicated and hardworking team!

JayyTorres
I worked on the backend as well as some of the frontend logic. It was my first time working with the OpenAI API so that was pretty exciting. I haven't coded much lately so this has been a good experience.

Ryan Wang
I worked on the website design on Figma, as well as the front-end. I helped debug a lot of code, and it was my first experience using React.js and Node.js, so it was fun seeing how everything worked together!

Jasmine Tu
I worked on brainstorming the project idea, the front end and helped with layout design. This was my first time using React.js and Node.js. I also got more experience in JavaScript, Git and Github!

Wilfredo Concepcion
I worked on the front-end. This was my first time using React.js and Node.js, as well as collaborating with Git using GitHub and its desktop app. Thank you to my teammates for their collective knowledge and for making my first hackathon one to remember!

Marl Jonson