{"id":23193439,"url":"https://github.com/william-versatile/git-profile","last_synced_at":"2025-10-09T10:35:03.938Z","repository":{"id":220989558,"uuid":"751917879","full_name":"William-versatile/git-profile","owner":"William-versatile","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-29T01:05:32.000Z","size":4499,"stargazers_count":2,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T07:28:27.908Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://william-potter-exp.github.io/git-profile/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/William-versatile.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2024-02-02T16:01:35.000Z","updated_at":"2024-02-22T02:21:30.000Z","dependencies_parsed_at":"2024-03-03T01:31:26.047Z","dependency_job_id":"6061e060-32b8-4609-899e-a77e2d7378ea","html_url":"https://github.com/William-versatile/git-profile","commit_stats":null,"previous_names":["william-potter-exp/git-profile","william-xfactor/git-profile","william-versatile/git-profile"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/William-versatile/git-profile","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2Fgit-profile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2Fgit-profile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2Fgit-profile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2Fgit-profile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/William-versatile","download_url":"https://codeload.github.com/William-versatile/git-profile/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2Fgit-profile/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001268,"owners_count":26083040,"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","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-12-18T13:11:32.667Z","updated_at":"2025-10-09T10:35:03.916Z","avatar_url":"https://github.com/William-versatile.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr/\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/45073703/177566625-9b84e793-4559-4475-ba54-8d3d5f4123d4.png\" width=\"35%\"\u003e\n\n  \u003ch4 align=\"center\"\u003eEasy to use automatic portfolio builder for every GitHub user!\u003c/h4\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://codeclimate.com/github/arifszn/gitprofile/maintainability\"\u003e\n      \u003cimg src=\"https://api.codeclimate.com/v1/badges/c60f42d7d0b61bd33e98/maintainability\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/actions/workflows/test-deploy.yml\"\u003e\n      \u003cimg src=\"https://github.com/arifszn/gitprofile/actions/workflows/test-deploy.yml/badge.svg\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/issues\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/issues/arifszn/gitprofile\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/stargazers\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/arifszn/gitprofile\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/network/members\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/forks/arifszn/gitprofile\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/commits/main\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/last-commit/arifszn/gitprofile/main\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/blob/main/CONTRIBUTING.md\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/arifszn/gitprofile/blob/main/LICENSE\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/arifszn/gitprofile\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://twitter.com/intent/tweet?text=Check%20out%20the%20portfolio%20builder.%20Create%20an%20automatic%20portfolio%20based%20on%20GitHub%20profile.\u0026url=https://github.com/arifszn/gitprofile\u0026hashtags=javascript,opensource,js,webdev,developers\"\u003e\n      \u003cimg src=\"https://img.shields.io/twitter/url?style=social\u0026url=https%3A%2F%2Fgithub.com%2Farifszn%2Fgitprofile\"/\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://arifszn.github.io/gitprofile\"\u003eView Demo\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/arifszn/gitprofile/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/arifszn/gitprofile/discussions\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://arifszn.github.io/gitprofile\"\u003e\n    \u003cimg src=\"https://github.com/arifszn/gitprofile/assets/45073703/eb6c38a4-ac92-4006-869b-e4e24f6f5cf6\" alt=\"Preview\" width=\"60%\"/\u003e\n  \u003c/a\u003e\n  \u003cbr/\u003e\n  \u003ca href=\"#arifszn\"\u003e\u003cimg src=\"https://github.com/arifszn/gitprofile/assets/45073703/4d2ccd45-e566-4743-bf61-cadc03ece54c\" width=\"50%\" alt=\"Shadow\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n**GitProfile** is a powerful portfolio builder that allows you to create a stunning and personalized portfolio site in minutes, even if you have no coding experience. Simply provide your GitHub username, and GitProfile will automatically generate a portfolio. Best of all, you can easily deploy your portfolio to GitHub Pages with just a few clicks, making it accessible to the world in no time.\n\n**Features:**\n\n✓ [Easy to Setup](#-installation--setup)  \n✓ [33 Themes](#themes)  \n✓ [Google Analytics](#google-analytics)  \n✓ [Hotjar](#hotjar)  \n✓ [SEO](#seo)  \n✓ [PWA](#pwa)  \n✓ [Avatar and Bio](#avatar-and-bio)  \n✓ [Social Links](#social-links)  \n✓ [Skill Section](#skills)  \n✓ [Experience Section](#experience)  \n✓ [Certification Section](#certifications)  \n✓ [Education Section](#education)  \n✓ [Projects Section](#projects)  \n✓ [Blog Posts Section](#blog-posts)\n\nTo view a live example, **[click here](https://arifszn.github.io/gitprofile)**.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/arifszn/gitprofile/assets/45073703/406e8368-415a-42ef-89c5-d43cc8bbeb19\" alt=\"Themes\"\u003e\n\u003c/p\u003e\n\n## 🛠 Installation \u0026 Setup\n\nThere are three ways to use **GitProfile**. Use any.\n\n- [Forking this repo _(recommended)_](#forking-this-repo)\n- [Setting up locally](#setting-up-locally)\n\n### Forking this repo\n\nThese instructions will get you a copy of the project and deploy your portfolio online using GitHub Pages!\n\n- **Fork repo:** Click [here](https://github.com/arifszn/gitprofile/fork) to fork the repo so you have your own project to customize. A \"fork\" is a copy of a repository.\n- **Rename repo:**\n  - If you want to host your portfolio at `https://\u003cUSERNAME\u003e.github.io`, rename your forked repository to `username.github.io` in GitHub, where `username` is your GitHub username (or organization name).\n  - If you want to host your portfolio at `https://\u003cUSERNAME\u003e.github.io/\u003cREPO_NAME\u003e` (e.g. `https://\u003cUSERNAME\u003e.github.io/portfolio`), rename your forked repository to `\u003cREPO_NAME\u003e` (e.g. `portfolio`) in GitHub.\n- **Enable workflows:** Go to your repo's **Actions** tab and enable workflows.\n\n  ![Workflows](https://github.com/arifszn/gitprofile/assets/45073703/7e82f7d4-900c-4cb9-83f9-bcaa1ca2b910)\n\n- **Base Value:** Open `gitprofile.config.ts`, and change `base`'s value.\n\n  - If you are deploying to `https://\u003cUSERNAME\u003e.github.io`, set `base` to `'/'`.\n\n  - If you are deploying to `https://\u003cUSERNAME\u003e.github.io/\u003cREPO_NAME\u003e` (e.g. `https://\u003cUSERNAME\u003e.github.io/portfolio`), then set `base` to `'/\u003cREPO_NAME\u003e/'` (e.g. `'/portfolio/'`).\n\n  ```ts\n  // gitprofile.config.ts\n  {\n    base: '/',\n    // ...\n  }\n  ```\n\n- **Commit the changes:** Now commit to your **main** branch with your changes. Wait a few minutes so that the CI/CD pipeline can publish your website to GitHub Pages. You can check the progress in the [Actions](https://github.com/arifszn/gitprofile/actions) tab.\n\nYour portfolio website will be live shortly. Any time you commit a change to the **main** branch, the website will be automatically updated. If you face any issue viewing the website, double-check the `base` value in the `gitprofile.config.ts` file. Also, check if **Source** is set to **GitHub Actions** in **Settings** ➜ **Pages** ➜ **Build and deployment**.\n\nIf you wish to add a custom domain, no CNAME file is required. Just add it to your repo's **Settings** ➜ **Pages** ➜ **Custom domain**.\n\nAs this is a Vite project, you can also host your website to Netlify, Vercel, Heroku, or other popular services. Please refer to this [doc](https://vitejs.dev/guide/static-deploy.html) for a detailed deployment guide to other services.\n\n### Setting up locally\n\n- Clone the project and change directory.\n\n  ```shell\n  git clone https://github.com/arifszn/gitprofile.git\n  cd gitprofile\n  ```\n\n- Install dependencies.\n\n  ```shell\n  npm install\n  ```\n\n- Run dev server.\n\n  ```shell\n  npm run dev\n  ```\n\n- Finally, visit [`http://localhost:5173/gitprofile/`](http://localhost:5173/gitprofile/) from your browser.\n\n## 🎨 Customization\n\nAll the magic happens in the file `gitprofile.config.ts`. Open it and modify it according to your preference.\n\n```ts\n// gitprofile.config.ts\n\nconst CONFIG = {\n  github: {\n    username: 'arifszn', // Your GitHub org/user name. (This is the only required config)\n  },\n  /**\n   * If you are deploying to https://\u003cUSERNAME\u003e.github.io/, for example your repository is at https://github.com/arifszn/arifszn.github.io, set base to '/'.\n   * If you are deploying to https://\u003cUSERNAME\u003e.github.io/\u003cREPO_NAME\u003e/,\n   * for example your repository is at https://github.com/arifszn/portfolio, then set base to '/portfolio/'.\n   */\n  base: '/gitprofile/',\n  projects: {\n    github: {\n      display: true, // Display GitHub projects?\n      header: 'Github Projects',\n      mode: 'automatic', // Mode can be: 'automatic' or 'manual'\n      automatic: {\n        sortBy: 'stars', // Sort projects by 'stars' or 'updated'\n        limit: 8, // How many projects to display.\n        exclude: {\n          forks: false, // Forked projects will not be displayed if set to true.\n          projects: [], // These projects will not be displayed. example: ['arifszn/my-project1', 'arifszn/my-project2']\n        },\n      },\n      manual: {\n        // Properties for manually specifying projects\n        projects: ['arifszn/gitprofile', 'arifszn/pandora'], // List of repository names to display. example: ['arifszn/my-project1', 'arifszn/my-project2']\n      },\n    },\n    external: {\n      header: 'My Projects',\n      // To hide the `External Projects` section, keep it empty.\n      projects: [\n        {\n          title: 'Project Name',\n          description:\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc ut.',\n          imageUrl:\n            'https://img.freepik.com/free-vector/illustration-gallery-icon_53876-27002.jpg',\n          link: 'https://example.com',\n        },\n        {\n          title: 'Project Name',\n          description:\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc ut.',\n          imageUrl:\n            'https://img.freepik.com/free-vector/illustration-gallery-icon_53876-27002.jpg',\n          link: 'https://example.com',\n        },\n      ],\n    },\n  },\n  seo: {\n    title: 'Portfolio of Ariful Alam',\n    description: '',\n    imageURL: '',\n  },\n  social: {\n    linkedin: 'ariful-alam',\n    twitter: 'arif_szn',\n    mastodon: 'arifszn@mastodon.social',\n    facebook: '',\n    instagram: '',\n    youtube: '', // example: 'pewdiepie'\n    dribbble: '',\n    behance: '',\n    medium: 'arifszn',\n    dev: 'arifszn',\n    stackoverflow: '', // example: '1/jeff-atwood'\n    skype: '',\n    telegram: '',\n    website: 'https://www.arifszn.com',\n    phone: '',\n    email: 'arifulalamszn@gmail.com',\n  },\n  resume: {\n    fileUrl:\n      'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf', // Empty fileUrl will hide the `Download Resume` button.\n  },\n  skills: [\n    'PHP',\n    'Laravel',\n    'JavaScript',\n    'React.js',\n    'Node.js',\n    'Nest.js',\n    'MySQL',\n    'PostgreSQL',\n    'Git',\n    'Docker',\n    'PHPUnit',\n    'CSS',\n    'Antd',\n    'Tailwind',\n  ],\n  experiences: [\n    {\n      company: 'Company Name',\n      position: 'Position',\n      from: 'September 2021',\n      to: 'Present',\n      companyLink: 'https://example.com',\n    },\n    {\n      company: 'Company Name',\n      position: 'Position',\n      from: 'July 2019',\n      to: 'August 2021',\n      companyLink: 'https://example.com',\n    },\n  ],\n  certifications: [\n    {\n      name: 'Lorem ipsum',\n      body: 'Lorem ipsum dolor sit amet',\n      year: 'March 2022',\n      link: 'https://example.com',\n    },\n  ],\n  educations: [\n    {\n      institution: 'Institution Name',\n      degree: 'Degree',\n      from: '2015',\n      to: '2019',\n    },\n    {\n      institution: 'Institution Name',\n      degree: 'Degree',\n      from: '2012',\n      to: '2014',\n    },\n  ],\n  // Display articles from your medium or dev account. (Optional)\n  blog: {\n    source: 'dev', // medium | dev\n    username: 'arifszn', // to hide blog section, keep it empty\n    limit: 3, // How many articles to display. Max is 10.\n  },\n  googleAnalytics: {\n    id: '', // GA3 tracking id/GA4 tag id UA-XXXXXXXXX-X | G-XXXXXXXXXX\n  },\n  // Track visitor interaction and behavior. https://www.hotjar.com\n  hotjar: {\n    id: '',\n    snippetVersion: 6,\n  },\n  themeConfig: {\n    defaultTheme: 'nord',\n\n    // Hides the switch in the navbar\n    // Useful if you want to support a single color mode\n    disableSwitch: false,\n\n    // Should use the prefers-color-scheme media-query,\n    // using user system preferences, instead of the hardcoded defaultTheme\n    respectPrefersColorScheme: false,\n\n    // Display the ring in Profile picture\n    displayAvatarRing: true,\n\n    // Available themes. To remove any theme, exclude from here.\n    themes: [\n      'light',\n      'dark',\n      'cupcake',\n      'bumblebee',\n      'emerald',\n      'corporate',\n      'synthwave',\n      'retro',\n      'cyberpunk',\n      'valentine',\n      'halloween',\n      'garden',\n      'forest',\n      'aqua',\n      'lofi',\n      'pastel',\n      'fantasy',\n      'wireframe',\n      'black',\n      'luxury',\n      'dracula',\n      'cmyk',\n      'autumn',\n      'business',\n      'acid',\n      'lemonade',\n      'night',\n      'coffee',\n      'winter',\n      'dim',\n      'nord',\n      'sunset',\n      'procyon',\n    ],\n\n    // Custom theme, applied to `procyon` theme\n    customTheme: {\n      primary: '#fc055b',\n      secondary: '#219aaf',\n      accent: '#e8d03a',\n      neutral: '#2A2730',\n      'base-100': '#E3E3ED',\n      '--rounded-box': '3rem',\n      '--rounded-btn': '3rem',\n    },\n  },\n\n  // Optional Footer. Supports plain text or HTML.\n  footer: `Made with \u003ca \n      class=\"text-primary\" href=\"https://github.com/arifszn/gitprofile\"\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    \u003eGitProfile\u003c/a\u003e and ❤️`,\n\n  enablePWA: true,\n};\n\nexport default CONFIG;\n```\n\n### Themes\n\nThere are 33 themes available that can be selected from the dropdown.\n\nThe default theme can be specified.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  themeConfig: {\n    defaultTheme: 'light',\n    // ...\n  },\n};\n```\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/arifszn/gitprofile/assets/45073703/91a2d9e6-67e5-47b4-9752-1881ac0f907f\" alt=\"Theme Dropdown\" width=\"50%\"\u003e\n\u003c/p\u003e\n\nYou can create your own custom theme by modifying these values. Theme `procyon` will have the custom styles.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  themeConfig: {\n    customTheme: {\n      primary: '#fc055b',\n      secondary: '#219aaf',\n      accent: '#e8d03a',\n      neutral: '#2A2730',\n      'base-100': '#E3E3ED',\n      '--rounded-box': '3rem',\n      '--rounded-btn': '3rem',\n    },\n    // ...\n  },\n};\n```\n\n### Google Analytics\n\n**GitProfile** supports both GA3 and GA4. If you do not want to use Google Analytics, keep the `id` empty.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  googleAnalytics: {\n    id: '',\n  },\n};\n```\n\nBesides tracking visitors, it will track `click events` on projects and blog posts, and send them to Google Analytics.\n\n### Hotjar\n\n**GitProfile** supports [hotjar](https://www.hotjar.com) to track visitor interaction and behavior. If you do not want to use Hotjar, keep the `id` empty.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  hotjar: {\n    id: '',\n    snippetVersion: 6,\n  },\n};\n```\n\n### SEO\n\nYou can customize the meta tags for SEO in `seo`.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  seo: {\n    title: 'Portfolio of Ariful Alam',\n    description: '',\n    imageURL: '',\n  },\n};\n```\n\n### PWA\n\nGitProfile is PWA enabled. The site can be installed as a Progressive Web App. To turn it off, set `enablePWA` to `false`.\n\n![PWA](https://github.com/arifszn/gitprofile/assets/45073703/9dc7cc5c-4262-4445-a7a5-1e3566ef43fa)\n\n### Avatar and Bio\n\nYour avatar and bio will be fetched from GitHub automatically.\n\n### Social Links\n\nYou can link your social media services you're using, including LinkedIn, Twitter, Mastodon, Facebook, Instagram, YouTube, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  social: {\n    linkedin: 'ariful-alam',\n    twitter: 'arif_szn',\n    mastodon: 'arifszn@mastodon.social',\n    facebook: '',\n    instagram: '',\n    youtube: '',\n    dribbble: '',\n    behance: '',\n    medium: '',\n    dev: '',\n    stackoverflow: '',\n    skype: '',\n    telegram: '',\n    website: '',\n    phone: '',\n    email: '',\n  },\n};\n```\n\n### Skills\n\nTo showcase your skills provide them here.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  skills: ['JavaScript', 'React.js'],\n};\n```\n\nEmpty array will hide the skills section.\n\n### Experience\n\nProvide your job history in `experiences`.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  experiences: [\n    {\n      company: 'Company Name',\n      position: 'Position',\n      from: 'September 2021',\n      to: 'Present',\n      companyLink: 'https://example.com',\n    },\n    {\n      company: 'Company Name',\n      position: 'Position',\n      from: 'July 2019',\n      to: 'August 2021',\n      companyLink: 'https://example.com',\n    },\n  ],\n};\n```\n\nEmpty array will hide the experience section.\n\n### Education\n\nProvide your education history in `educations`.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  educations: [\n    {\n      institution: 'Institution name 1',\n      degree: 'Bachelor of Science',\n      from: '2015',\n      to: '2019',\n    },\n    {\n      institution: 'Institution name 2',\n      degree: 'Higher Secondary Certificate (HSC)',\n      from: '2012',\n      to: '2014',\n    },\n  ],\n};\n```\n\nEmpty array will hide the education section.\n\n### Certifications\n\nProvide your industry certifications in `certifications`.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  certifications: [\n    {\n      name: 'Lorem ipsum',\n      body: 'Lorem ipsum dolor sit amet',\n      year: 'March 2022',\n      link: 'https://example.com',\n    },\n  ],\n};\n```\n\nEmpty array will hide the certifications section.\n\n### Projects\n\n#### Github Projects\n\n- **Automatic Mode:** Seamlessly showcase your top GitHub projects based on stars or last updated date.\n- **Manual Mode:** Choose specific repositories to highlight.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  projects: {\n    github: {\n      display: true, // Display GitHub projects?\n      header: 'Github Projects',\n      mode: 'automatic', // Mode can be: 'automatic' or 'manual'\n      automatic: {\n        sortBy: 'stars', // Sort projects by 'stars' or 'updated'\n        limit: 8, // How many projects to display.\n        exclude: {\n          forks: false, // Forked projects will not be displayed if set to true.\n          projects: [], // These projects will not be displayed. example: ['arifszn/my-project1', 'arifszn/my-project2']\n        },\n      },\n      manual: {\n        // Properties for manually specifying projects\n        projects: ['arifszn/gitprofile', 'arifszn/pandora'], // List of repository names to display. example: ['arifszn/my-project1', 'arifszn/my-project2']\n      },\n    },\n  },\n};\n```\n\n#### External Projects\n\n- **Highlight Projects Beyond GitHub:** Feature projects hosted on other platforms or personal websites.\n- **Control over Content:** Provide custom titles, descriptions, images, and links for each external project.\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  projects: {\n    external: {\n      header: 'My Projects',\n      // To hide the `External Projects` section, keep it empty.\n      projects: [\n        {\n          title: 'Project Name',\n          description:\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc ut.',\n          imageUrl:\n            'https://img.freepik.com/free-vector/illustration-gallery-icon_53876-27002.jpg',\n          link: 'https://example.com',\n        },\n        {\n          title: 'Project Name',\n          description:\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc ut.',\n          imageUrl:\n            'https://img.freepik.com/free-vector/illustration-gallery-icon_53876-27002.jpg',\n          link: 'https://example.com',\n        },\n      ],\n    },\n  },\n};\n```\n\n### Blog Posts\n\nIf you have [medium](https://medium.com) or [dev](https://dev.to) account, you can show your recent blog posts in here just by providing your medium/dev username. You can limit how many posts to display (Max is `10`).\n\n```ts\n// gitprofile.config.ts\nconst CONFIG = {\n  // ...\n  blog: {\n    source: 'dev',\n    username: 'arifszn',\n    limit: 5,\n  },\n};\n```\n\n![Blog](https://github.com/arifszn/gitprofile/assets/45073703/410124f2-a3c2-48f1-8ec8-0c6fae74ae3d)\n\nThe posts are fetched by [blog.js](https://github.com/arifszn/blog.js).\n\n## 💖 Support\n\n\u003cp\u003eYou can show your support by starring this project. ★\u003c/p\u003e\n\u003ca href=\"https://github.com/arifszn/gitprofile/stargazers\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/stars/arifszn/gitprofile?style=social\" alt=\"Github Star\"\u003e\n\u003c/a\u003e\n\n## 💡 Contribute\n\nTo contribute, see the [Contributing guide](https://github.com/arifszn/gitprofile/blob/main/CONTRIBUTING.md).\n\n## 📄 License\n\n[MIT](https://github.com/arifszn/gitprofile/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliam-versatile%2Fgit-profile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliam-versatile%2Fgit-profile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliam-versatile%2Fgit-profile/lists"}