Devscard screenshot

Devscard

Author Avatar Theme by Konradszwarc
Updated: 28 Jul 2024
108 Stars

A fully customizable template to create your online (and paper) resume without writing a single line of code.

Categories

Overview

DevsCard is a fully customizable template that allows users to create online and paper resumes without needing to write any code. It offers a range of features to enhance the resume creation process and optimize the resulting CV for a great user experience. With DevsCard, users can expect a responsive design, optimized assets, excellent performance, PDF generation, built-in icon sets, customizable locale and translations, SEO-friendly design, favicon generation, data helpers, and data transformers.

Features

  • Intellisense: Provide data in TypeScript files for autocompletion and property descriptions in the IDE.
  • Responsiveness: Create a resume that looks great on both mobile and desktop devices.
  • Assets Optimization: Automatically minimize and resize images in the CV at build time.
  • Performance: Achieve a perfect 100 score for all Lighthouse metrics for an excellent visitor experience and improved search engine ranking.
  • PDF Generation: Easily generate a PDF version of the CV with a simple command.
  • Built-in Icon Sets: Choose from over 100,000 Iconify icons to represent skills.
  • I18n: Customize resume’s locale, date formatting, and translations.
  • SEO Friendly: Design with a focus on SEO, including required and well-described SEO-related configuration properties.
  • Favicons Generation: Generate all favicons and a full app manifest with a single command.
  • Data Helpers: Use built-in helpers to define skills and socials once and reuse them across the configuration.
  • Data Transformers: Utilize type-safe data transformers to create multiple variants of the resume without duplicating data.

Installation

To set up your resume using DevsCard, follow these steps:

Step 1: Clone the repository.

git clone https://github.com/your-username/devscard.git

Step 2: Install the necessary dependencies.

cd devscard
npm install

Step 3: Customize your resume.

Edit the necessary files and data according to your preferences.

Step 4: Build the resume.

npm run build

Step 5: View the generated resume.

Open the "index.html" file located in the "dist" directory.

For more detailed instructions and documentation, refer to the Devscard GitBook.

Summary

DevsCard is a versatile template for creating online and paper resumes with ease. Its abundance of features, including intellisense, responsiveness, asset optimization, performance enhancement, PDF generation, built-in icon sets, SEO-friendly design, and data manipulation tools, make it a comprehensive solution for job seekers and professionals. By following the installation guide provided, users can quickly set up their resume and showcase their skills and experiences in a visually appealing and optimized manner.