Skip to content

CvMaker

Introducció

Benvingut a la documentació del projecte CvMaker Portal Ofertas.

Aquesta guia t'ajudarà a entendre com instal·lar, configurar i fer servir l'aplicació, així com a conèixer les funcionalitats clau que ofereix.

Estructura del projecte React
Figura 1:Home

Abstract

CvMaker is a web application developed with React.js, Node.js and MongoDB that offers a modern and personalized solution for the creation of curricula. The platform was born in response to the difficulty that many people have in developing attractive CVs adapted to the standards of platforms such as LinkedIn and InfoJobs, as well as to optimize them against automated selection systems (OCR and ATS).

The application allows users to generate customizable resumes from modern templates, with real-time preview. In addition, it incorporates a web scraping system that compiles job offers and market trends through Puppeteer, thus allowing to suggest improvements in the resumes.

CvMaker és una aplicació web desenvolupada amb React.js, Node.js i MongoDB que ofereix una solució moderna i personalitzada per a la creació de currículums. La plataforma neix com a resposta a la dificultat que tenen moltes persones per elaborar CVs atractius i adaptats als estàndards de plataformes com LinkedIn i InfoJobs, així com per optimitzar-los davant de sistemes automatitzats de selecció (OCR i ATS).

L’aplicació permet als usuaris generar currículums personalitzables a partir de plantilles modernes, amb previsualització en temps real. A més, incorpora un sistema de web scraping que recopila ofertes laborals i tendències del mercat mitjançant Puppeteer, permetent així suggerir millores en els currículums.

Continguts

  • Documentacio: Instruccions per a la instal·lació i configuració del sistema.
  • Manual d'usuari: Com funciona l'aplicació i les funcionalitats clau.

Tecnologies utilitzades

Backend

  • Node.js: Entorn d'execució per a JavaScript en el servidor, utilitzat per gestionar la lògica de negoci, connexions de base de dades i APIs.
  • Express.js: Framework lleuger que simplifica la creació de rutes i la gestió de peticions i respostes HTTP al servidor.
  • Mongoose: Llibreria ODM (Object Data Modeling) per connectar-se i treballar amb bases de dades MongoDB des de Node.js, permet definir esquemes i models de dades.
  • Puppeteer + Puppeteer Extra + Stealth Plugin: Eines per controlar navegadors de manera automatitzada en mode headless, utilitzades per fer web scraping de portals laborals.
    El Stealth Plugin permet esquivar mecanismes anti-bot de les pàgines web.
  • bcrypt / bcryptjs: Llibreries per encriptar i comparar contrasenyes de forma segura abans d’emmagatzemar-les o validar-les.

Frontend

  • React.js: Llibreria per construir interfícies d'usuari basades en components reutilitzables, gestionant l'estat de l’aplicació amb Hooks com useState i useEffect.
  • Vite: Eina de desenvolupament i bundling de projectes moderns amb React, molt ràpida i eficient.
  • Axios: Client HTTP que permet enviar i rebre dades entre el frontend i backend de manera senzilla i asíncrona.
  • Bootstrap: Llibreries de components i estils per crear una interfície responsive i visualment atractiva amb React.
  • Chart.js + React-Chartjs-2: Llibreries per crear gràfiques interactives i visuals dins de l'aplicació React.

Contributors

  • Marc Gomez
  • Josep Maria Dalmau
  • Christopher Campos