{"id":13458999,"url":"https://github.com/danielcranney/profileme-dev","last_synced_at":"2025-03-24T16:31:18.134Z","repository":{"id":37243734,"uuid":"457068883","full_name":"danielcranney/profileme-dev","owner":"danielcranney","description":"Create an awesome GitHub profile in minutes","archived":false,"fork":false,"pushed_at":"2024-08-14T06:18:22.000Z","size":3984,"stargazers_count":837,"open_issues_count":90,"forks_count":141,"subscribers_count":11,"default_branch":"main","last_synced_at":"2024-10-29T04:34:30.734Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://profileme.dev/","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/danielcranney.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2022-02-08T19:10:35.000Z","updated_at":"2024-10-28T13:58:06.000Z","dependencies_parsed_at":"2024-01-13T17:57:43.254Z","dependency_job_id":"27432c8d-4177-49e9-9fd0-d640b2d7a147","html_url":"https://github.com/danielcranney/profileme-dev","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcranney%2Fprofileme-dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcranney%2Fprofileme-dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcranney%2Fprofileme-dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danielcranney%2Fprofileme-dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danielcranney","download_url":"https://codeload.github.com/danielcranney/profileme-dev/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245308559,"owners_count":20594269,"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":[],"created_at":"2024-07-31T09:01:00.762Z","updated_at":"2025-03-24T16:31:17.620Z","avatar_url":"https://github.com/danielcranney.png","language":"JavaScript","readme":"# ProfileMe.dev\n\nProfileMe.dev helps developers create an amazing GitHub profile in minutes.\n\n## Demo\n\nA live version of this project can be found at https://www.profileme.dev.\n\n## Features\n\nUsers can easily build and customise their GitHub profile, working with the following:\n\n- Introduction section (to include basic information, links to portfolio and any current projects that are of note.)\n- Skills icons (with over 60 technologies and softwares available to choose from)\n- Socials links (with 18 social media platforms to choose from)\n- Badges and statistics (graphic elements to add to your profile, such as GitHub stats badges, Twitter follower counts and Twitch streaming status)\n- Links to support sites (such as BuyMeACoffee).\n\n## Tech Stack\n\nThis project was built with:\n\n- NextJS\n- TailwindCSS\n\n## Installation\n\nProfileMe.dev has a very simple, two-step installation process.\n\n**1. Install dependencies**\n\n```bash\nnpm install\n```\n\n**2. Run development server**\n\n```bash\nnpm run dev\n```\n\n## Contributing\n\nContributions are always welcome! Here's a few tips on how to get started.\n\n- ### Issues\n\n  To get started, please take a look at the ['Issues'](https://github.com/danielcranney/profileme-dev/issues) tab, where you will find open issues that exist within the project. If you see one that interests you, create a branch and submit a PR for review and approval.\n\n- ### How to add an icon\n\n  If you would like to add a new icon to the skills section, please follow the following steps:\n\n  - #### **1. Create SVGs**\n\n    You should first create _three_ variations of the icon you are intending to add.\n    All icons should be square (we recommend 128px x 128px).\n\n    - [iconName]-colored.svg: This should be the full-color version of the icon. Please ensure it stays loyal to the brand colors and guidelines set out by the brand itself.\n    - [iconName].svg: This icon will be the one that renders in light mode.\n    - [iconName]-dark.svg: This icon will be the one that renders in dark mode.\n\n    Please create SVG icon (we recommend using Adobe Illustrator, Figma or another vector-based graphics program)\n\n  - #### **2. Add data to {iconData}**\n\n    In \\_app.js, all icon data is stored in an object called iconData.\n\n    Inside of this object, there are four keys, with strings as values:\n\n    ```json\n    {\n    name: \"JavaScript\",\n    path: \"https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-colored.svg\",\n    iTag: \"javascript\",\n    link: \"https://www.javascript.com/\",\n    },\n    ```\n\n    | Key  | Value                                                                                                                                                                                                                                                   |\n    | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n    | name | eg: \"JavaScript\". This value will be the one shown to the user via the tooltip.                                                                                                                                                                                                                            |\n    | path | The path for where the full-color version will be stored. Once the pull request has been merged, the icons you add will be found at \"https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/[iconName]-colored.svg\". |\n    | iTag | The name that will be used for the CSS class, all lower case.                                                                                                                                                                                           |\n    | link | The URL for the official website of the language/technology being added.                                                                                                                                                                                |\n\n  - #### **3. Add icons to CSS**\n\n    Adding your new icons to the site CSS is very simple. In styles/global.css, add the following block (replacing 'javascript' with the iTag you added in the last step).\n\n    ```\n    .javascript {\n    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript.svg')] dark:bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-dark.svg')];\n    }\n    .javascript.colored {\n    @apply bg-[url('https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/skills/javascript-colored.svg')];\n    }\n    ```\n\n## License\n\nProfileMe is available under the [GNU AGPLv3 license](https://choosealicense.com/licenses/agpl-3.0/). Please read the terms of this license before making modifications to this project.\n","funding_links":[],"categories":["JavaScript","⚙️ Profile Generator 👇","科技公司"],"sub_categories":["GitHub"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielcranney%2Fprofileme-dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielcranney%2Fprofileme-dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielcranney%2Fprofileme-dev/lists"}