Skip to content

Latest commit

 

History

History
37 lines (25 loc) · 1.64 KB

README.md

File metadata and controls

37 lines (25 loc) · 1.64 KB

CV Papa

My implementation of the CV application project for The Odin Project. Check out the live preview!

Description:

This is the first project that I've built using React! It's a small application where users can input their information and generate a CV/résumé. I set up the application using Vite and deployed it using Vercel.

Screenshot of generated example CV

Features:

  • Button to automatically fill out input fields so that users can preview a generated example CV
  • Button to clear all input fields
  • Buttons for adding and deleting educational and work experiences
  • Switching between user input form and preview

What I learned:

  • How to use Vite to set up a new React project
  • Basics of writing JSX
  • Basics of React, including:
    • Writing, rendering, importing and exporting components
    • Rendering lists of components using the map() method of Array
    • Conditionally rendering UI
    • Using keys appropriately so that React can handle the DOM effectively and efficiently
    • Passing data between components using props
    • Managing state and sharing state between components
    • Controlling components such as input fields

Acknowledgements:

Clipboard favicon from favicon.io.

Example CV information from Jake's resume.

Button styles inspired by GitHub.