DEV Community

Cover image for react-ultimate-resume - 💼 🎨 a modern software developer resume built with React and JSONResume
Damien Cavaillès 💙
Damien Cavaillès 💙

Posted on

react-ultimate-resume - 💼 🎨 a modern software developer resume built with React and JSONResume

Hi everyone !

We open-sourced this project on wednesday and are looking for feedback 👋
Please add a comment with yours.

GitHub logo welovedevs / react-ultimate-resume

💼 🎨 A modern software developer resume built with React and JSONResume

react-ultimate-resume by WeLoveDevs.com

npm (scoped) npm

react-ultimate-resume is an open-source customizable software developer resume to highlight your skills and experiences.

Discover a modern approach of the traditional CV that includes animations and latest front-end technologies. Impress recruiters or customers with your projects, hobbies and experiences as never before.

We used JSON Resume, a community driven open source initiative to create a JSON based standard for resumes Discover the official schema here We added a few extra-fields to JSON Resume standard to fit developers needs. Learn more about them here.

This app is built using the popular create-react-app. You will find a lot of resources to understand how to edit and publish your resume directly on https://create-react-app.dev/

Preview

Resume Preview

Demo profile here

Docs

Docs can be found Here.

Feel free to improve it with a PR ♥️

Features

The resume is designed with 10 Cards (we plan to add more…

What

Preview

react-ultimate-resume is an online resume modern and customisable.

Customize

It's based on JSON Resume, an open-source scheme for your data.

You can self-host it (https://www.damien-cavailles.fr/)
or we can host it for free with a subdomain (http://thedamfr.welovedevs.com/)

Why

Many developers are actively looking for a job right now since recent events. It takes a lot of effort to build a full-featured resume that is attractive and makes the reader enthusiast about reaching you.

For 4 years, our team has been running WeLoveDevs.com. It's a jobboard that is used by thousand of companies and have helped thousand of developers to find a job.
It's built with react and our developer's profile component is awesome. We have been working on it for years so it can show the best of each developers. We bundled it with create-react-app so you can use it for free and by yourself.

Help us, help many !

We are looking for feedback to improve this tool.
Please star the project on github 🌟
Fork, make Pull-Request, make an issue 🚀

The whole team is looking forward to reading from you

GitHub logo welovedevs / react-ultimate-resume

💼 🎨 A modern software developer resume built with React and JSONResume

react-ultimate-resume by WeLoveDevs.com

npm (scoped) npm

react-ultimate-resume is an open-source customizable software developer resume to highlight your skills and experiences.

Discover a modern approach of the traditional CV that includes animations and latest front-end technologies. Impress recruiters or customers with your projects, hobbies and experiences as never before.

We used JSON Resume, a community driven open source initiative to create a JSON based standard for resumes Discover the official schema here We added a few extra-fields to JSON Resume standard to fit developers needs. Learn more about them here.

This app is built using the popular create-react-app. You will find a lot of resources to understand how to edit and publish your resume directly on https://create-react-app.dev/

Preview

Resume Preview

Demo profile here

Docs

Docs can be found Here.

Feel free to improve it with a PR ♥️

Features

The resume is designed with 10 Cards (we plan to add more…

Top comments (32)

Collapse
 
kedark profile image
Kedar Kodgire

This looks amazing! I am gonna fork it right away!!

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

fork it up 💙

Collapse
 
stereoplegic profile image
Mike Bybee

I'm about to fork it sideways 😈🖤

(React Native + React Native Web)

Collapse
 
vincentctr profile image
Vincent Cotro

Hi Nico, there is a "download as PDF" button to get a standard sheet resume. This feature needs a bit more work but it works (some info is missing in the pdf).

Collapse
 
pjmantoss profile image
PJ Mantoss

How do I add the 'CONTACT ME' & 'DOWNLOAD AS PDF' buttons in the banner section?

After customizing colors and layouts in the app and saving, once the the app re-compiles it reverts back to the old colors. For example, the default color is blue. Then I changed everything to brown and clicked save. But once it compiles again (with browser refresh) the color returns to blue.
How can I fix this?

And I'm unable to add images to the projects card. When I tried adding, it tells me 'Uploaded successfully', but on clicking 'save' and 'stop edit' you see no images. How can this be fixed?

Collapse
 
john_shm profile image
John

This is great, thank you!! I've already forked - Its great.
Could you clarify how to make it read only, I'm not clear from the doc (I've tried the mode attribute) and can't seem to get it into read only mode.

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Hey !
const mode = 'readOnly';
in App.jsx

🙂

Collapse
 
john_shm profile image
John

Thank you! I was looking in package.json and the json_stub, totally wrong!

Thread Thread
 
thedamfr profile image
Damien Cavaillès 💙

Would love to see what you have built ! Do you have a link ?

Thread Thread
 
john_shm profile image
John

Sure, here's my fork and it's on GH pages.
github.com/johnmfarrell1/react-ult...

Thanks for the help and the great repo.

Collapse
 
ananth profile image
AnanthNB

This is so cool, thank you 😌

Collapse
 
theau_poulat profile image
Théau Poulat 🦄⚛️

👌👌👌

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

💙 Théau

Collapse
 
nitinreddy3 profile image
Nitin Reddy

Forked it. Will build my resume with this. Thanks

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Show us what you built with it 👏

Collapse
 
pjmantoss profile image
PJ Mantoss

This looks great. How do I use it with my custom domain name?

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Have you deployed a self-hosted version or is it from a profile on welovedevs.com ?

Collapse
 
pjmantoss profile image
PJ Mantoss • Edited

No, I have not deployed any version. But I have a profile on welovedevs.com, created it today. Is it possible to deploy the react-ultimate-resume from my profile using a custom domain name? If yes, how do I do it?

Thread Thread
 
thedamfr profile image
Damien Cavaillès 💙

Yes !
You can export your JSONResume from welovedevs.com
Fork the open source project. Insert your JSONResume. Host it where you want. 🚀
Does it looks easy ?
I will be happy to offer more support, send me a DM on twitter : @thedamfr

Thread Thread
 
pjmantoss profile image
PJ Mantoss

Yeah! It sounds pretty straightforward. Let me try doing it. If I get stuck I'll DM you on twitter. Thanks a lot.

Thread Thread
 
pjmantoss profile image
PJ Mantoss

I'm having a tough time updating the react-ultimate-resume. I have fork it on github, clone it on my pc, downloaded my JSONResume from welovedev profile but after making some few edits and commits I don't see the changes on the repo. Before the commit I first did 'git checkout branch -b mantoss_resume'. The whole thing is confusing. Need some help

Collapse
 
ajkachnic profile image
Andrew

This looks great! You should put it on Product Hunt

Collapse
 
jcoelho profile image
José Coelho

Cool! I also open sourced my personal website. It also uses reactjs and JsonResume. Have a look: dev.to/jcoelho/personal-website-te...

Collapse
 
csilva2810 profile image
Carlos Silva

Amazing job!!! Congrats!

Collapse
 
devilrancy profile image
Naresh Surisetty

Forked it. Will definitely give it a try.
Thank you 😌

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Share us the URL !

Collapse
 
seasonleee profile image
Benjamin Liii

Hi, the link provided in the project's description is no longer the link to the project, I clicked the link and it just lead me to a job-seeking company's website... hacked?

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Nope it's us. I'm replacing the link right now

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Fixed it.
The former link was to a sample profile. We made a landing page today and I replaced the link.
Thanks for the heads up 💙
And yes, our company is editing a jobboard, no worry it's still us.

Thread Thread
 
seasonleee profile image
Benjamin Liii

😆 Thanks! And awesome work! guys!

Collapse
 
dingy007 profile image
dingy007

Thank you! That looks awesome! Will definitely try it out!

Collapse
 
thedamfr profile image
Damien Cavaillès 💙

Looking forward to see what you will build with it 🙂