{"id":19788161,"url":"https://github.com/giannifontanot/portfolio-react","last_synced_at":"2026-04-14T05:33:49.949Z","repository":{"id":103902652,"uuid":"408786563","full_name":"giannifontanot/portfolio-react","owner":"giannifontanot","description":"(NODE JS, HTML5, CSS3) - This is my website to showcase my projects, and it is itself a complete project. I use React, Pure CSS, media queries, HTML and Javascript to build it. No pre-made templates and It's live in GitHub Pages! 🔗","archived":false,"fork":false,"pushed_at":"2022-04-26T03:07:39.000Z","size":63793,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T14:12:47.130Z","etag":null,"topics":["css3","javascript","mediaqueries","purecss","reactjs"],"latest_commit_sha":null,"homepage":"https://giannifontanot.github.io/portfolio-react","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/giannifontanot.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":"2021-09-21T11:05:52.000Z","updated_at":"2022-07-21T23:05:00.000Z","dependencies_parsed_at":"2023-07-26T04:15:24.335Z","dependency_job_id":null,"html_url":"https://github.com/giannifontanot/portfolio-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/giannifontanot/portfolio-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giannifontanot%2Fportfolio-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giannifontanot%2Fportfolio-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giannifontanot%2Fportfolio-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giannifontanot%2Fportfolio-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/giannifontanot","download_url":"https://codeload.github.com/giannifontanot/portfolio-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giannifontanot%2Fportfolio-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31784253,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css3","javascript","mediaqueries","purecss","reactjs"],"created_at":"2024-11-12T06:26:19.668Z","updated_at":"2026-04-14T05:33:49.935Z","avatar_url":"https://github.com/giannifontanot.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n![Status Stable](https://img.shields.io/badge/Status-Stable-blue)\n[![MIT License](https://img.shields.io/badge/License-MIT%20License-brightgreen)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)\n# Professional Portfolio - React\nThis is my professional portfolio to show the best of what I have done. You will find links to the actual GitHub repository for those projects and also to my resume and contact information.\n## Table of Contents\n- Professional Portfolio - React\n\t* [Installation](#installation)\n\t* [Usage](#usage)\n\t* [Credits](#credits)\n\t* [Features](#features)\n\t* [Contributions](#contributions)\n- [🔗 Links](#---links)\n\t+ [GitHub Repository](#github-repository)\n\t+ [Live Link](#live-link)\n\t+ [Support](#support)\n\t+ [Authors](#authors)\n## Installation\nI used React to create this portfolio, and the PureCSS library is an essential component along with  normal HTML, CSS, and Javascript code.\n## Usage\nYou can fork the project and use it for your own portfolio, it is listed under the MIT license.\n\n![portfolio-react.gif](portfolio-react.gif)\n\n## Credits\nFollowing you will find the websites that helped me the most:\n- [React for Beginners](https://www.guru99.com/reactjs-tutorial.html)\n- [How to deploy your React App to GitHub pages](https://brayanarrieta.hashnode.dev/how-to-deploy-your-react-app-to-github-pages#:~:text=How%20to%20deploy%20your%20React%20App%20to%20GitHub,changes.%20...%207%20Conclusion.%20...%208%20References.%20)\n- [https://purecss.io/](https://purecss.io/)\n- [https://css-tricks.com/solved-with-css-dropdown-menus/](https://css-tricks.com/solved-with-css-dropdown-menus/) \n- [https://www.freecodecamp.org/an-animated-guide-to-flexbox](https://www.freecodecamp.org/news/an-animated-guide-to-flexbox-d280cf6afc35/) \n- [https://css-tricks.com/snippets/css/a-guide-to-flexbox/](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) \n- [https://www.w3schools.com/cssref/css_selectors.asp](https://www.w3schools.com/cssref/css_selectors.asp)\n- [http://typegoodness.com/2018/04/big-john-free-font/](https://color.adobe.com/create/image)[https://color.adobe.com/create/image)\n- [https://www.labnol.org/code/20079-center-div-with-pure-css](https://www.labnol.org/code/20079-center-div-with-pure-css) \n- [https://www.flexboxgame.com/](https://www.flexboxgame.com/)\n\n## Current Features\n````````````````````````\n- I used React to create this portfolio\n- The website is very easy to navigate.\n- It is in itself a project, it was very hard to code!\n- The code is made from scratch using the PureCSS library.\n````````````````````````\n## Future Features\n````````````````````````\n- I will add the projects that I am currently working on \n- Users will have the opportunity to send a message right from the screen\n````````````````````````\n## Contributions\nIf you would like to contribute to this project , you are very welcome! You can fork it and later submit a pull request. \nIn case you need them, here are some guidelines: [Contributor Covenant](https://www.contributor-covenant.org/)\n# 🔗 Links\n### GitHub Repository\n[https://github.com/giannifontanot/portfolio-react/](https://github.com/giannifontanot/portfolio-react/)\n### Live Link\n[https://giannifontanot.github.io/portfolio-react](https://giannifontanot.github.io/portfolio-react)\n### Support\nIf you need help with this project, please write to: [giannifontanot@gmail.com](https://mailto:giannifontanot@gmail.com)\n### Authors\n - [@giannifontanot](https://www.github.com/giannifontanot)\n - [![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://giannifontanot.github.io/portfolio-react/)\n - [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/gianni-fontanot/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiannifontanot%2Fportfolio-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgiannifontanot%2Fportfolio-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiannifontanot%2Fportfolio-react/lists"}