React Project: CV Application - The Odin Project

First React project from The Odin Project course, using different tools to create a fully dynamic CV generator
Site: https://react-project-cv-application.vercel.app/

Main Information

Here you find a fully dynamic CV generator built with React, allowing users to:

• ✅ Input personal, educational, and professional details
• ✅ Preview a formatted CV in real-time
• ✅ Download/print your PDF resume

Tools:

Goal

Build as part of The Odin Project React Course, that helped me master knowledge of:

• React state management (Context API, useState)
• Dynamic form handling
• PDF generation (react-to-print)
• Responsive styling (Bootstrap + CSS)
• A11y (accessibility)

Preview

Tecnologies

Tools	Description
Vite	Build-in front-end tool
React	JavaScript Library to User Interface (UI)
React-to-print	Library to print directly React components
React-Bootstrap	Bootstrap version to React components
Date-fns	Library to manipulation and formatting dates

A11y (Accessibility)

Considering accessibility as one of the main aspects to be worked on when building a website, some tests were registered.

Metrics

Before	After

Assistive technologies

Tested by basic assistive techonlogies that provides general issues and correct features applied on the website

• Accessibility Checker
• Wave - WebAIM
• Silktide extension

Color contrast

Installation

Clone repository

git clone https://github.com/Alicelspires/React-Learning-Project.git

Move to project directory

cd \React-Learning-Project

Install dependencies

npm install

Run code

npm run dev