https://github.com/manonlef/cv-app

A Basic CV Builder
https://github.com/manonlef/cv-app

react tailwindcss vercel vite

Last synced: 3 months ago
JSON representation

A Basic CV Builder

• Host: GitHub
• URL: https://github.com/manonlef/cv-app
• Owner: ManonLef
• Created: 2023-07-26T21:36:32.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-08T19:26:24.000Z (over 2 years ago)
• Last Synced: 2025-02-09T08:33:43.995Z (over 1 year ago)
• Topics: react, tailwindcss, vercel, vite
• Language: JavaScript
• Homepage: https://cv-app-sepia.vercel.app
• Size: 646 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CV Builder

## Result

[Try the CV Builder live here](https://cv-app-sepia.vercel.app)

![Preview of the CV builder](./src/notes-and-resources/preview.png)

## About this project

This project is the first project for practicing React. I decided to use this project to test Tailwind as well. What a joy!

## Project Objectives:

- Add a section for general information 

  - name

  - email

  - phone

- Add a section for education experience

  - school

  - title

  - date

- add a section for practical experience

  - company

  - position

  - responsibilities

  - dates

- edit and submit buttons with edit remembering values

## Objectives

- [x] A section to add general information like name, email and phone number.

- [x] A section to add your educational experience (school name, title of study and date of study)

- [x] A section to add practical experience (company name, position title, main responsibilities of your jobs, date from and until when you worked for that company)

- [x] Include an edit and submit button for each section or for the whole CV

- [x] Deploy with something other than GH Pages

## extra functionality implemented not in the objectives

- [x] I added Tailwind!

## Notes and Lessons Learned

**Props**

I had some linter warnings with props because I didn't cover type checking yet. I did some research and then installed `prop-types` to add `propTypes`, which fixed it.

**Tailwind**

Setting up TailWind and playing around with it was something I had on my list for a while. It went pretty smoothly and then I challenged myself to translate my former designs basics to this project. It's not what I had in mind for this particular project's look, but I figured it would add a layer of practice and a guideline of trying to implement a certain style. I also added a custom grid style to the tailwind config for my main layout. 

## Features or things I'd love to work on for this project in the future

- [ ] A more formal look 

- [ ] An updating CV on the right side of the page 

- [ ] Add form validation (left it out for now since this will most likely not add to my React skills or progress)

- [ ] Printable or downloadable CV

- [ ] Add storage