https://github.com/francescocoding/portfolio-web
🦆 Personal portfolio frontend built with React, Redux and other technologies.
https://github.com/francescocoding/portfolio-web
css javascript portfolio portfolio-website react reactjs redux
Last synced: 3 months ago
JSON representation
🦆 Personal portfolio frontend built with React, Redux and other technologies.
- Host: GitHub
- URL: https://github.com/francescocoding/portfolio-web
- Owner: FrancescoCoding
- License: mit
- Created: 2021-09-21T09:05:05.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-03-10T07:28:03.000Z (4 months ago)
- Last Synced: 2025-03-10T08:28:05.533Z (4 months ago)
- Topics: css, javascript, portfolio, portfolio-website, react, reactjs, redux
- Language: JavaScript
- Homepage: https://fran-dev.com/portfolio/
- Size: 52.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal Portfolio - Web 🦆
[](https://reactjs.org/)
[](https://redux-toolkit.js.org/)
[](https://developers.google.com/maps/documentation/javascript/overview)
[](https://github.com/FrancescoCoding/Portfolio-web/blob/main/LICENSE)
Personal portfolio built with React and other technologies.
Link: [Live Website](https://fran-dev.com/portfolio/)
This portfolio is the product of my evolution as a frontend developer and UX/UI designer.
It 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.
## Full list of Technologies and features
- [Original Figma wireframe & mockup](https://www.figma.com/file/Hnk0pvtp9GdPd8QCfoNQVd/Portfolio-Summer-2021?node-id=0%3A1)
- HTML5, CSS3 (CSS modules to scope locally), JavaScript, JSX
- UI elements created from scratch keeping UX into account
- React / React Router
- React Redux / Redux Toolkit / Redux Persist to save and rehydrate the store (and provide an "Offline First" support)
- Redux Responsive & Custom Media Queries / React Lottie Player
- ~~Handling touched states~~ Refactored form with MUI, Formik & Yup to handle all the validation.
- Google Maps API / Portals - Modals handling
- Custom-made maps and styles for each portfolio color (Canary, Ocean, Magenta, Leaf) with corresponding accent colors
- 404 page & non-existent project pages
- Multi-language implementation (i18n)
- Copy text to clipboard implementation
- EmailJS React
- Custom hooks
- Implementation of accessible keyboard shortcuts for navigation
- Search engine optimization (SEO) handling to improve the quantity of website traffic from search engines
- Validating the aspects of a Progressive Web App
- Fully working production build with great performance and best practices
## Incoming features
- 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)
- Admin page for myself to manage the CRUD operations from my own custom panel, complete with authentication
## License
This project is licensed under the [MIT License](https://github.com/FrancescoCoding/Portfolio-web/blob/main/LICENSE) Copyright (c) 2021 Francesco Gruosso.