Giter VIP home page Giter VIP logo

resume-v2's Introduction

Personal Resume V2

Netlify Status

What is this?

A resume created using React inspired by a HTML based template, https://github.com/mnjul/html-resume

Why do this?

Lack of skill with designer tools

  • I am not a designer, therefore I'm not proficient enough to create a resume easily using Illustrator.
  • Creating the resume with something like Photoshop would result in a lower quality resume due to the lack of vectors.
  • As a frontend developer however, I am very good with React. Therefore, I can create a resume easily and in high quality.

Lack of flexibility

  • Using something such as Word or Google Docs, I am able to create a resume, but with much difficulty as I layer tables upon tables.
  • For anything that has to do this, don't you just hate the mandatory spacing around tables? (Free flow items are basically impossible)
  • But with HTML however, I am able to freely control everything on my page easily and consistently.

Lack of indepedence

  • I am lazy, I want my resume to be like my personal website, where I can edit the data without having to mess with anything else.
  • Using my old resume, if I were to change the content. 90% of the time I would also have to fix the styles.
  • Now with this, the resume and data are independent by storing them in objects. Therefore, I simply use React to render the data.

Conclusion

  • By using a JavaScript framework, I am able to achieve flexiblity and easy data manipulation. (Where the React application can be anything, we're turning this into a pdf anyways)

How does it work?

  • The resume has a centered fixed size of a letter size paper (11 x 8.5 inch), with a nice little light grey background for and a box shadow for webview. (Because I can)
  • When creating the pdf, simply print screen with "header and footer" off, and "background-graphics" on.
  • Save the PDF and you're done! :D

Improvements from v1

  • Uses contentful for querying data so that it's completely handfree (or until I get an itch), and can auto deploy to netlify when data is updated
  • Each section is modular and more or less a "mini ecosystem", with the exception of some repeated styles
  • Following best practices of separating content from layout, it further helps separate data from the resume
  • You can check out v1 here

resume-v2's People

Contributors

fpunny avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.