{"id":20778116,"url":"https://github.com/mustafadalga/cv-terminal-builder","last_synced_at":"2026-04-13T04:07:55.960Z","repository":{"id":180071104,"uuid":"657799294","full_name":"mustafadalga/cv-terminal-builder","owner":"mustafadalga","description":"This project is a unique CV Terminal Builder that allows users to create dynamic, interactive CVs in a terminal-like interface. It was built using React.js, Typescript and the xterm.js library.","archived":false,"fork":false,"pushed_at":"2023-07-10T07:58:10.000Z","size":154,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-18T08:32:09.560Z","etag":null,"topics":["cv-builder","developer-tools","glassmorphism","interactive-resume","material-ui","personal-portfolio","reactjs","resume-builder","terminal-ui","typescript","vitejs","xterm","zustand"],"latest_commit_sha":null,"homepage":"https://cv-terminal-builder.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mustafadalga.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-06-23T22:08:52.000Z","updated_at":"2024-07-04T14:16:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"573057c2-5aa4-465f-8b8c-1c85302dfd82","html_url":"https://github.com/mustafadalga/cv-terminal-builder","commit_stats":null,"previous_names":["mustafadalga/cv-terminal-builder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafadalga%2Fcv-terminal-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafadalga%2Fcv-terminal-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafadalga%2Fcv-terminal-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafadalga%2Fcv-terminal-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mustafadalga","download_url":"https://codeload.github.com/mustafadalga/cv-terminal-builder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243119664,"owners_count":20239320,"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":["cv-builder","developer-tools","glassmorphism","interactive-resume","material-ui","personal-portfolio","reactjs","resume-builder","terminal-ui","typescript","vitejs","xterm","zustand"],"created_at":"2024-11-17T13:19:19.936Z","updated_at":"2025-12-26T04:21:11.078Z","avatar_url":"https://github.com/mustafadalga.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 💻 CV Terminal Builder\n\n**A powerful and customizable online interactive CV generator with terminal aesthetics**\n\n\u003ch6 align=\"center\"\u003e\n\u003cimg alt=\"CV Terminal Builder\" src=\"https://github.com/mustafadalga/cv-terminal-builder/assets/25087769/6e47ecb5-8279-423f-9b85-b7fd5308b580\"\u003e   \u003cbr\u003e\n   \u003cbr\u003e\n   \u003cbr\u003e\n   \u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#about-cv-\"\u003e📖 About\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#features\"\u003e💻 Features\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#used-technologies\"\u003e💻 Used Technologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#preparing-your-cv-json\"\u003e📄 Preparing Your CV JSON\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#demo\"\u003e👀 Demo\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#examples\"\u003e💻 Examples\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#generating-cv-terminal-website\"\u003e🚀 Generating CV Terminal Website\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#screenshots\"\u003e📷 Screenshots\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#license\"\u003e🚀 License\u003c/a\u003e\n\u003c/p\u003e\n\n\n\n\u003c/h6\u003e\n\n## About CV Terminal Builder\nCV Terminal Builder is a unique online tool for creating highly personalized CVs in the style of a terminal window. It offers a wide range of customization options to make your CV stand out from the crowd.\n\n\nYou can set a variety of visual parameters, including background and text colors, font size and family, terminal dimensions, and many more. All changes are stored in your local browser storage, so you can easily pick up where you left off.\n\n## Features\n* ✏️ Prompt name customization\n* 📄 CV upload from device or URL in JSON format\n* 🌄 Page background image setting from device or URL\n* 🎨 Page and terminal background color customization\n* ✒️ Terminal text and cursor color customization\n* 🪟 Terminal Glassmorphism effect\n* 📏 Terminal size (cols/rows) customization\n* 📝 Text font size and family customization\n* 🖼️ Text and terminal box shadow application\n* 🖼️ Terminal border style application\n* 📏 Terminal margin and padding customization\n* 💾 Changes are stored in local storage for convenient continuation\n\n## Used Technologies\n* 🌟 React.js\n* 🔤 Typescript\n* 🧩 Zustand for state management\n* 🎨 Material UI for user interface\n* 🚀 Vite.js for build tool\n* 🌈 Prismjs for code highlighting\n* 💻 Xterm for terminal emulation\n\n\n## Preparing Your CV JSON\n\nIn order for the CV Terminal Builder to work correctly, you need to provide a valid CV JSON file. The CV JSON follows a specific schema where each object key must have an array as its value.\n\nHere is an example of a valid CV JSON:\n```json\n{\n  \"name\": [\"John Doe\"],\n  \"role\": [\"Front End Developer\"],\n  \"contact\": [\"📧 john.doe@example.com\", \"📞 +1 123 456 7890\"],\n  \"experience\": [\"Company A - Front End Developer\", \"Company B - UI/UX Designer\"],\n  \"skills\": [\"HTML\", \"CSS\", \"JavaScript\"],\n  \"projects\": [\"Project A\", \"Project B\", \"Project C\"],\n  \"education\": [\"University A - Computer Science\"]\n}\n```\nMake sure to provide an array for each key in the CV JSON. If a key has only one value, it should still be placed in an array.\n\n## Examples\n### Valid CV JSON\n```json\n{\n  \"name\": [\"John Doe\"],\n  \"role\": [\"Front End Developer\"],\n  \"contact\": [\"📧 john.doe@example.com\", \"📞 +1 123 456 7890\"],\n  \"experience\": [\"Company A - Front End Developer\", \"Company B - UI/UX Designer\"],\n  \"skills\": [\"HTML\", \"CSS\", \"JavaScript\"],\n  \"projects\": [\"Project A\", \"Project B\", \"Project C\"],\n  \"education\": [\"University A - Computer Science\"]\n}\n```\n\n### Invalid CV JSON\n```json\n{\n  \"name\": \"John Doe\",\n  \"role\": \"Front End Developer\",\n  \"contact\": \"john.doe@example.com\",\n  \"experience\": \"Company A - Front End Developer\",\n  \"skills\": \"HTML, CSS, JavaScript\",\n  \"projects\": \"Project A\",\n  \"education\": \"University A - Computer Science\"\n}\n```\nIn the invalid CV JSON example, each key does not have an array as its value, which will result in a validation error.\n\n\n##  Demo\n* 🔗 Check out https://mustafadalga.github.io, a website generated with the CV Terminal Builder.\n\n\n##  Generating CV Terminal Website\nSure! Here's a brief summary of the steps to generate and deploy your CV Terminal Website:\n\n\u003cimg alt=\"Generating CV Terminal Website\" height=\"64\" src=\"https://github.com/mustafadalga/cv-terminal-builder/assets/25087769/b5bebd14-2645-4dab-9737-ed5b101384c9\"/\u003e\n\nGenerate Code → Copy Generated Code → Create an HTML File → Paste the Generated Code → Deploy Your CV Terminal Website\n\nBy following these steps, you'll be able to generate the code for your CV Terminal Website, create an HTML file with the code, and deploy the website to make it accessible online.\n\n## Screenshots\n![cv terminal builder](https://github.com/mustafadalga/cv-terminal-builder/assets/25087769/fde21e38-7505-4afe-9c55-38a3855ea1df)\n\n![cv terminal builder](https://github.com/mustafadalga/cv-terminal-builder/assets/25087769/c8034504-d269-4e16-8d46-f9a76155593a)\n\n\n\n\n## License\n[![License](https://img.shields.io/badge/LICENSE-GPL--3.0-orange)](https://github.com/mustafadalga/cv-terminal-builder/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmustafadalga%2Fcv-terminal-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmustafadalga%2Fcv-terminal-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmustafadalga%2Fcv-terminal-builder/lists"}