{"id":22070768,"url":"https://github.com/varshithvhegde/github-profile-card","last_synced_at":"2025-10-06T12:46:05.112Z","repository":{"id":219410879,"uuid":"748951002","full_name":"Varshithvhegde/Github-Profile-Card","owner":"Varshithvhegde","description":"An Simple yet powerful github card generator which showcases your github achievements","archived":false,"fork":false,"pushed_at":"2024-02-05T14:39:58.000Z","size":403,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-10T06:46:11.458Z","etag":null,"topics":["github-card","github-profile","profile-card","ui-card","ui-cards"],"latest_commit_sha":null,"homepage":"https://github-devcard.vercel.app/","language":"TypeScript","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/Varshithvhegde.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":"2024-01-27T06:05:31.000Z","updated_at":"2025-05-20T05:48:47.000Z","dependencies_parsed_at":"2024-02-03T17:38:11.922Z","dependency_job_id":"7918e255-c2ff-44a0-be7b-2f1c9febe76f","html_url":"https://github.com/Varshithvhegde/Github-Profile-Card","commit_stats":null,"previous_names":["varshithvhegde/github-profile-card"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Varshithvhegde/Github-Profile-Card","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Varshithvhegde%2FGithub-Profile-Card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Varshithvhegde%2FGithub-Profile-Card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Varshithvhegde%2FGithub-Profile-Card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Varshithvhegde%2FGithub-Profile-Card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Varshithvhegde","download_url":"https://codeload.github.com/Varshithvhegde/Github-Profile-Card/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Varshithvhegde%2FGithub-Profile-Card/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278614460,"owners_count":26015967,"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-06T02:00:05.630Z","response_time":65,"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":["github-card","github-profile","profile-card","ui-card","ui-cards"],"created_at":"2024-11-30T20:18:06.828Z","updated_at":"2025-10-06T12:46:05.076Z","avatar_url":"https://github.com/Varshithvhegde.png","language":"TypeScript","readme":"\u003ch1 align=\"center\" style=\"font-size:50px;\"\u003e\u003ca href=\"https://github-devcard.vercel.app\"\u003eGithub Dev Card\u003c/a\u003e\u003c/h1\u003e  \n\n![Minimalistic](https://github.com/Varshithvhegde/Github-Profile-Card/assets/80502833/d2d88699-d32a-4737-b259-9f17ba5f0565)\n\n## Table of Contents\n\n- [Table of Contents](#table-of-contents)\n- [Introdutions](#introdutions)\n- [Features](#features)\n- [Tech Stack](#tech-stack)\n- [Usage](#usage)\n- [Installation](#installation)\n- [Contributing](#contributing)\n\n## Introdutions\n\n[The Github Dev Card](https://github-devcard.vercel.app/) project provides a personalized and visually appealing solution to share your Github profile in a unique way. Tired of the standard Github profile pages? Now, with Github Dev Card, you can create your own custom card, making it easier and more enjoyable to share your Github information. This project simplifies the process, allowing users to generate a personalized Github card by simply entering their Github username. Additionally, users can easily download the card in high quality as a PNG image or share it instantly or share it via good old [FreeShare](https://freeShare.vercel.app) (Yeah my own previous project 😁).\n\n\n## Features\n\n1. **Easy Generation of Github Dev Card**\nThe primary feature of this project is the ability to create a custom Github Dev Card effortlessly. Users only need to input their Github username, and the card is automatically generated with all relevant details.\n\n2. **High-Quality PNG Download**\nUsers can download their generated Github Dev Card as a high-quality PNG image. This feature is useful for those who want to save or share the card locally.\n\n3. **Instant Share**\nIn addition to downloading, users can instantly share their Github Dev Card without the need for a download. The project incorporates the FreeShare functionality, making sharing seamless.\n\n4. **Multiple Stylish Options**\nGithub Dev Card offers users a choice of styles for their cards, including Minimalistic, Minimalistic Dark Mode, and Futuristic. This customization allows users to select a style that suits their preferences.\n\n5. **3D Tilt View**\nOne of the Card offeres 3D tilt view moreover it works with gravity (in Mobile View) and Mouse Movement (Desktop View).\n\n## Tech Stack  \nThe Github Dev Card project utilizes the following technologies:\n\n1. **NextJS**  \nNextJS, a React framework, is at the core of this project. Its server-side rendering (SSR) capabilities enable efficient rendering and enhanced performance.\n\n2. **Github API Integration**  \nThe project leverages the Github API to fetch and display user-specific information dynamically. This ensures that the Github Dev Card is always up-to-date.\n\n3. **Chakra UI**  \nChakra UI is employed for building a visually appealing and responsive user interface. It provides a set of accessible and customizable components, contributing to a consistent and aesthetic design.\n\n## Usage\n![frame_generic_dark](https://github.com/Varshithvhegde/Github-Profile-Card/assets/80502833/8c5bcfe4-bb7a-4dbc-a9b2-a2da06b9ad5a)\n\nUsing Github Dev Card is a straightforward process:\n\n1. Visit the [Github Dev Card](https://github-devcard.vercel.app) website.\n2. Enter your Github username.\n3. Select the preferred style (Minimalistic, Minimalistic Dark Mode, or Futuristic).\n4. Click on the \"Submit\" button.\n\nYour personalized Github Dev Card will be generated instantly. From here, you can download the card as a PNG image or share it directly.\n\n## Installation\n\nTo set up Github Dev Card locally or contribute to the project, follow these steps:\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/Varshithvhegde/Github-Profile-Card.git\n```\n2. Install dependencies:\n```bash\ncd Github-Profile-Card\nnpm install\n```\n3. Environment Variables\nCreate a file **.env** in the root folder and add your own [github api token](https://github.com/settings/tokens) as below \n```\nNEXT_PUBLIC_GITHUB_TOKEN=YOUR_GITHUB_TOKEN\n```\n4. Run the development server:\n```bash\nnpm run dev\n```\nOpen http://localhost:3000 in your browser to view the project.\n\n## Contributing\nContributions to the Github Dev Card project are welcome! Feel free to open issues for bug reports or feature requests. If you'd like to contribute code, please follow the contribution guidelines.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvarshithvhegde%2Fgithub-profile-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvarshithvhegde%2Fgithub-profile-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvarshithvhegde%2Fgithub-profile-card/lists"}