Code Monkey home page Code Monkey logo

cv-maker's Introduction

CV-Maker

The goal was to dive into React and practise using it by building an app where users can build their own CV using apps components.

General

User can add their name, job title, and contact information and describe their talents and life goals. They can also add as many education and work history sections as they want.

After CV is filled, the user can choose a color theme and save the product in PDF file to their machine.

I used a regular expression for client-side form validation. All information provided by the user is stored in local storage. If the user wants to later add new information or add new sections to the CV, they don't need to start from scratch.

What I learned

This was my first React project and first real look inside how React works so I learned a lot.

  • How to use React and Webpack together
  • What are useState, useEffect and useRef and how and where to use them
  • How to make reusable components that can be used through the whole project
    • Not just React components but regular functions too. I learned a lot how not to repeat myself through out this project
  • How to make html element to a pdf page and save it to your machine
  • How to use CSS flexbox
  • Form validation on the clients side

cv-maker's People

Contributors

miiakivi avatar

Stargazers

Kaiying avatar

Watchers

 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.