{"id":23193454,"url":"https://github.com/william-versatile/my-portfolio","last_synced_at":"2025-04-05T07:25:40.103Z","repository":{"id":220987083,"uuid":"753080908","full_name":"William-versatile/My-portfolio","owner":"William-versatile","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-05T15:18:57.000Z","size":15957,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T15:17:08.260Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://William-potter.com","language":"JavaScript","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":null,"funding":null,"license":"License.md","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}},"created_at":"2024-02-05T12:38:39.000Z","updated_at":"2024-02-22T02:21:35.000Z","dependencies_parsed_at":"2024-03-03T01:31:26.061Z","dependency_job_id":"1fee8b96-e4d4-497b-84f8-e56d6b23cc66","html_url":"https://github.com/William-versatile/My-portfolio","commit_stats":null,"previous_names":["william-potter-exp/my-portfolio","william-xfactor/my-portfolio","william-versatile/my-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2FMy-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2FMy-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2FMy-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/William-versatile%2FMy-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/William-versatile","download_url":"https://codeload.github.com/William-versatile/My-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247302166,"owners_count":20916645,"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-12-18T13:11:34.521Z","updated_at":"2025-04-05T07:25:40.082Z","avatar_url":"https://github.com/William-versatile.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A React Portfolio Template for GitHub\n\n[![GitHub Repo stars](https://img.shields.io/github/stars/mshuber1981/William Potter?color=%2361dbfb\u0026style=for-the-badge\u0026logo=github)](https://github.com/mshuber1981/William Potter/stargazers/) [![GitHub Repo Forks](https://img.shields.io/github/forks/mshuber1981/William Potter?color=%2361dbfb\u0026style=for-the-badge\u0026logo=github\u0026label=Forks)](https://github.com/mshuber1981/William Potter/network/members)\n\nA performant, accessible, progressive React portfolio template that uses the [GitHub REST API](https://docs.github.com/en/free-pro-team@latest/rest).\n\nAdd your GitHub username once and all of your info will automatically be updated. Deploy to GitHub pages in a few simple steps.\n\n## [Live Demo](https://mshuber1981.github.io/William Potter/#/)\n\n[Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)\n\n![Page Speed](/README_images/speed.png)\n\n## Light And Dark Themes\n\n![Hero Light](/README_images/hero.png)\n\n![Hero Dark](/README_images/heroDark.png)\n\n### Getting Started\n\n1. [Create a repository from this template](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template)\n2. [Clone your repository](https://developers.google.com/speed/pagespeed/insights/)\n3. Make sure [Node](https://nodejs.org/en/) is installed\n4. Open your project and install the dependencies\n\n   ```bash\n   npm install\n   ```\n\n5. Navigate to the src directory and open data.js\n6. Add your GitHub username ([data.js](https://github.com/mshuber1981/William Potter/blob/main/src/data.js#L17) lines 17-21)\n\n   ```javascript\n   /* START HERE\n   ************************************************************** \n     Add your GitHub username (string - \"YourUsername\") below.\n   */\n   export const githubUsername = \"Your GitHub username here\";\n   ```\n\n7. Start the development server to view the results\n\n   ```bash\n   npm start\n   ```\n\n### Updating the Projects section\n\n![Projects](/README_images/projects.png)\n\n1. Follow the instructions to update the filteredProjects array ([data.js](https://github.com/mshuber1981/William Potter/blob/main/src/data.js#L91) lines 91-95)\n\n   ```javascript\n   /* Projects\n   ************************************************************** \n     List the repo names (string - \"your-repo-name\") you want to include (they will be sorted alphabetically). If empty, only the first 3 will be included.\n   */\n   export const filteredProjects = [\"example-1\", \"example-2\", \"example-3\"];\n   ```\n\n2. Import the projects images you want to use ([data.js](https://github.com/mshuber1981/William Potter/blob/main/src/data.js#L7) lines 7-8) or the default image will be applied\n\n   ```javascript\n   // Projects Images (add your images to the images directory and import below)\n   import Logo from \"./images/logo.svg\";\n   ```\n\n3. Follow the instructions to update the projectCardImages array ([data.js](https://github.com/mshuber1981/William Potter/blob/main/src/data.js#L97) lines 97-103)\n\n   ```javascript\n   // Replace the defualt GitHub image for matching repos below (images imported above - lines 7-8)\n   export const projectCardImages = [\n     {\n       name: \"example-1\",\n       image: Logo,\n     },\n   ];\n   ```\n\n### Updating the Contact section\n\n![Projects](/README_images/contact.png)\n\n1. The contact form uses [Formspree](https://formspree.io/), create an account and add your endpoint URL ([data.js](https://github.com/mshuber1981/William Potter/blob/main/src/data.js#L105) lines 105-110)\n\n   ```javascript\n   /* Contact Info\n   ************************************************************** \n     Add your formspree endpoint below.\n     https://formspree.io/\n   */\n   export const formspreeUrl = \"https://formspree.io/f/YourEndpoint\";\n   ```\n\n### Deploy\n\nA helpful guide for Create React App deployments with GitHub Pages can be found [here](https://create-react-app.dev/docs/deployment#github-pages).\n\n1. Update the homepage value ([package.json](https://github.com/mshuber1981/William Potter/blob/0133fcc02ab048fefcf73825d02385ffe27c3721/package.json#L3) line 3)\n\n   ```json\n   \"homepage\": \"https://YourUsername.github.io/your-app/\",\n   ```\n\n2. Run the deploy command\n\n   ```bash\n   npm run deploy\n   ```\n\n### Customization Options\n\nCheckout the [Wiki](https://github.com/mshuber1981/William Potter/wiki) for additional customization options:\n\n- [Updating the Hero images](https://github.com/mshuber1981/William Potter/wiki/Updating-the-Hero-images)\n- [Add a custom Blog icon](https://github.com/mshuber1981/William Potter/wiki/Updating-the-Hero-images#add-a-custom-blog-icon)\n- [Updating the About Me section](https://github.com/mshuber1981/William Potter/wiki/Updating-the-About-Me-section)\n- [Updating the Skills section](https://github.com/mshuber1981/William Potter/wiki/Updating-the-Skills-section)\n- [Add a link to your resume](https://github.com/mshuber1981/William Potter/wiki/Updating-the-Skills-section#add-a-link-to-your-resume)\n- [Updating the Navbar Logo](https://github.com/mshuber1981/William Potter/wiki/Updating-the-Navbar-Logo)\n- [Including a Live Demo link on your project cards](https://github.com/mshuber1981/William Potter/wiki/Including-a-Live-Demo-link-on-your-project-cards)\n\n[Back to top :top:](#a-react-portfolio-template-for-github)\n\n### License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliam-versatile%2Fmy-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliam-versatile%2Fmy-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliam-versatile%2Fmy-portfolio/lists"}