{"id":16393616,"url":"https://github.com/francescocoding/portfolio-web","last_synced_at":"2026-01-20T06:01:38.317Z","repository":{"id":37092979,"uuid":"408753068","full_name":"FrancescoCoding/Portfolio-web","owner":"FrancescoCoding","description":"🦆 Personal portfolio frontend built with React, Redux and other technologies.","archived":false,"fork":false,"pushed_at":"2025-10-06T14:09:58.000Z","size":56689,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-06T16:15:51.162Z","etag":null,"topics":["css","javascript","portfolio","portfolio-website","react","reactjs","redux"],"latest_commit_sha":null,"homepage":"https://fran-dev.com/portfolio/","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/FrancescoCoding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2021-09-21T09:05:05.000Z","updated_at":"2025-10-06T14:09:59.000Z","dependencies_parsed_at":"2022-06-24T14:04:20.614Z","dependency_job_id":"9131d837-9846-47e7-8700-4e480f5a4a01","html_url":"https://github.com/FrancescoCoding/Portfolio-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/FrancescoCoding/Portfolio-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrancescoCoding%2FPortfolio-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrancescoCoding%2FPortfolio-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrancescoCoding%2FPortfolio-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrancescoCoding%2FPortfolio-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FrancescoCoding","download_url":"https://codeload.github.com/FrancescoCoding/Portfolio-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FrancescoCoding%2FPortfolio-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28597087,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T02:08:49.799Z","status":"ssl_error","status_checked_at":"2026-01-20T02:08:44.148Z","response_time":117,"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":["css","javascript","portfolio","portfolio-website","react","reactjs","redux"],"created_at":"2024-10-11T04:53:47.174Z","updated_at":"2026-01-20T06:01:38.303Z","avatar_url":"https://github.com/FrancescoCoding.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Personal Portfolio - Web 🦆\n\n[![React version](https://img.shields.io/badge/React-18.2.0-blue?style=rounded-square\u0026logo=react\u0026logoColor=white\u0026labelColor=282c34)](https://reactjs.org/)\n[![Redux Toolkit version](https://img.shields.io/badge/Redux%20Toolkit-1.9.3-purple?style=rounded-square\u0026logo=redux\u0026logoColor=white\u0026labelColor=282c34)](https://redux-toolkit.js.org/)\n[![Google Maps API version](https://img.shields.io/badge/Google%20Maps%20API-2.18.1-green?style=rounded-square\u0026logo=google-maps\u0026logoColor=white\u0026labelColor=282c34)](https://developers.google.com/maps/documentation/javascript/overview)\n[![MIT License](https://img.shields.io/badge/License-MIT-red?style=rounded-square)](https://github.com/FrancescoCoding/Portfolio-web/blob/main/LICENSE)\n\nPersonal portfolio built with React and other technologies.\n\nLink: [Live Website](https://fran-dev.com/portfolio/)\n\n![Portfolio Preview](https://user-images.githubusercontent.com/64712227/134884152-c9b68740-8986-42de-bf20-cc81c598078a.gif)\n\nThis portfolio is the product of my evolution as a frontend developer and UX/UI designer.  \nIt is designed to utilize some of the latest technologies and web development best practices. It showcases my current skills in creating responsive, efficient, and fully functional React SPA webpages.\n\n## Full list of Technologies and features\n- [Original Figma wireframe \u0026 mockup](https://www.figma.com/file/Hnk0pvtp9GdPd8QCfoNQVd/Portfolio-Summer-2021?node-id=0%3A1)\n- HTML5, CSS3 (CSS modules to scope locally), JavaScript, JSX\n- UI elements created from scratch keeping UX into account\n- React / React Router\n- React Redux / Redux Toolkit / Redux Persist to save and rehydrate the store (and provide an \"Offline First\" support)\n- Redux Responsive \u0026 Custom Media Queries / React Lottie Player\n- ~~Handling touched states~~ Refactored form with MUI, Formik \u0026 Yup to handle all the validation.\n- Google Maps API / Portals - Modals handling\n- Custom-made maps and styles for each portfolio color (Canary, Ocean, Magenta, Leaf) with corresponding accent colors\n- 404 page \u0026 non-existent project pages\n- Multi-language implementation (i18n)\n- Copy text to clipboard implementation\n- EmailJS React\n- Custom hooks\n- Implementation of accessible keyboard shortcuts for navigation\n- Search engine optimization (SEO) handling to improve the quantity of website traffic from search engines\n- Validating the aspects of a Progressive Web App\n- Fully working production build with great performance and best practices\n\n## Incoming features\n- Making this a Full-Stack project by adding a TypeScript Node server with its own REST API and MongoDB database: [Portfolio-api](https://github.com/FrancescoCoding/Portfolio-api)\n- Admin page for myself to manage the CRUD operations from my own custom panel, complete with authentication\n\n![Portfolio Admin Preview](https://user-images.githubusercontent.com/64712227/191815790-57ed3daf-1d7c-44d2-b282-a1473a15ab53.png)\n\n## License\nThis project is licensed under the [MIT License](https://github.com/FrancescoCoding/Portfolio-web/blob/main/LICENSE) Copyright (c) 2021 Francesco Gruosso.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrancescocoding%2Fportfolio-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrancescocoding%2Fportfolio-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrancescocoding%2Fportfolio-web/lists"}