CV Creator

Create a professional CV that comply with the Application Tracking Systems (ATS) requirements. Live demo here.

Table of Contents

• General Info
• Technologies and Techniques used
• Features
• Screenshots
• Setup
• Project Status
• Room for Improvement

General Information

• The objective of this Web app is to facilitate the creation of ATS-proof and appealing CVs. So the user doesn't have to worry about the Application Tracking Systems (ATS) requirements nor to obtain a good looking CV.
• In this Web app, Users are able to fill out their information regarding Education and Work Experience and the tool will provide with predefined CV templates that comply with the common ATS' requirements so the users can select the one they like more. At the same time, the tool provides with advise by every section and field the User have to fill out.

Technologies and Techniques used

Planning and Design:

• The main purpose of this web is to provide CV's that beat Application Tracking Systems (ATS). This is done by following several guidelines, specially this arcticle from topresume.com.
• Since there is only one resource in the project, it was developmet partially with Scrum. The duration was 1.5 months splited in 2-week sprints.
• The planning was done with the User Story Mapping technique.
• The Color palette for the entire Web app and the Landing page's UI design were implemented by following this TawildUI template built from scratch:

Front-end:

• ReactJS.
• Internal application state managed with the React Context API.
• CSS design with Tailwind CSS.
• PDF generation was made using react-pdf.
• The web app is 100% responsive.

Back-end:

• This web app has no backend for now.
• Due to the type of information is handled, all the information is stored in the Local Storage.

Testing:

• Unit testing was done.
• Test coverage is 20% and is increasing using Jest and react-testing-library is being used.
• While testing, the project was run using the Chrome's Development Tools "Fast 3G" and "No Caching" options. So the app is ready for slow internet connections.

Features

• View Landing Page ✔
• Enter general personal information ✔
• Enter education information ✔
• Enter work experience information ✔
• Receive advice during the information input process ✔
• Select CV format ✔
• Export CV to PDF format ✔
• Save information locally ✔
• Enter certifications 🔜
• Create a custom section 🔜
• Select more PDF formats 🔜
• Save information on the cloud 🔜
• Sign-up 🔜

Screenshots

Click an image to enlarge.

Landing Page	Landing Page responsive	CV Form

Setup

Clone this project by doing:

$ git clone https://github.com/pieroguerrero/cv-creator.git

Then go to the folder you cloned the code and execure:

$ npm install

WARNING: If you are going to use other libraries to achieve other purposes be carefull and remove the caret (^) prefix that the dependency versions have.

Project Status

Project is: in progress

Room for Improvement

There are always room for improvement, in this project so far the thinkgs that can be improved are:

• Enabla back-end APIs so the user can store information in the Cloud.
• More Unit testing coverage.
• Increase the efficiency of the updates by using a Form handler for react.
• Use Redux instead of the React Context API.