{"id":16212688,"url":"https://github.com/gianlucajahn/cv-application","last_synced_at":"2025-03-19T09:30:57.723Z","repository":{"id":38825979,"uuid":"501270344","full_name":"gianlucajahn/CV-Application","owner":"gianlucajahn","description":"An React SPA to create a CV with. Comes with functionalities such as creating, editing and deleting nodes and downloading your finished CV as a PDF.","archived":false,"fork":false,"pushed_at":"2024-01-21T02:45:51.000Z","size":109001,"stargazers_count":19,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-10T15:56:25.656Z","etag":null,"topics":["class-components","javascript","react","reactjs","state-management"],"latest_commit_sha":null,"homepage":"https://gianlucajahn.github.io/CV-Application/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gianlucajahn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-08T13:47:32.000Z","updated_at":"2025-02-11T08:20:17.000Z","dependencies_parsed_at":"2024-10-27T20:28:26.787Z","dependency_job_id":"00e10103-b983-4a8d-92ff-c3ab6d1b6d0b","html_url":"https://github.com/gianlucajahn/CV-Application","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianlucajahn%2FCV-Application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianlucajahn%2FCV-Application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianlucajahn%2FCV-Application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gianlucajahn%2FCV-Application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gianlucajahn","download_url":"https://codeload.github.com/gianlucajahn/CV-Application/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243982141,"owners_count":20378605,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["class-components","javascript","react","reactjs","state-management"],"created_at":"2024-10-10T10:53:16.847Z","updated_at":"2025-03-19T09:30:57.301Z","avatar_url":"https://github.com/gianlucajahn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e📑 CV Application\u003c/h1\u003e\n\n![](https://i.imgur.com/WlVW8mm.png)\n\u003cp align=\"center\"\u003e\n  CV Creator built with React\n\u003c/p\u003e\n\n## Short Description 📋\nAn React SPA to create a CV with. You can add, edit and delete input fields to put your data in. All of these changes are adopted by the preview CV in real-time. Once you are happy with the result, you can save and download your CV to your local machine via a simple button click. Also comes with a functionality to autofill all fields and look at what the CV would look like if you filled it out by hand.\n\n## Demo\n🖥 [Live Demo](https://gianlucajahn.github.io/CV-Application/)\n\n## Showcase 🎬\nYou can see a GIF of my application below. I am using the autofill functionality to preview an automatically filled CV. \u003cbr /\u003e \u003cbr /\u003e\n![](https://github.com/gianlucajahn/cvApps/blob/main/CVshowcase.gif?raw=true)\n\n## Performance ⏱\nI let [Google Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=de) run over my application to check for it's **performance, accessibility, use of best practices and SEO optimization**. You can view the results right below this paragraph.\n\n![Google Lighthouse Performance Results](https://i.ibb.co/ngkMJdN/results.png)\n\n## Features ✨\n- Autofill Functionality\n- Responsiveness for mobile, tablet and desktop\n- Saves CV as PDF and downloads it\n- Real-time adoption of changes\n- Clean UI/UX\n\n## Technologies Used 💻\n- React\n- CSS (CSS Modules)\n- Photoshop\n- NPM\n- html2Canvas\n- jsPDF\n\n## What I learned 📚\n- mapping over array state to make sure the selected elements receive changes on user interactions with the site\n- conditional class assignments to either render a desktop or a mobile view for the application\n- using external libraries within my application to enable the user to download and save their CV\n\n## Motivation\nMy motivation in building this project was to further solidify my understanding of how React handles state. For me at the time, a CV application that needs to handle all user data in state seemed like a reasonable approach to it. Furthermore, I created CVs for all my friends for some years now and felt like some automation to speed up that process wouldn't do no harm.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgianlucajahn%2Fcv-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgianlucajahn%2Fcv-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgianlucajahn%2Fcv-application/lists"}