https://github.com/giannifontanot/portfolio-react
(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! 🔗
https://github.com/giannifontanot/portfolio-react
css3 javascript mediaqueries purecss reactjs
Last synced: 4 months ago
JSON representation
(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! 🔗
- Host: GitHub
- URL: https://github.com/giannifontanot/portfolio-react
- Owner: giannifontanot
- Created: 2021-09-21T11:05:52.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-26T03:07:39.000Z (about 3 years ago)
- Last Synced: 2025-01-11T03:48:33.821Z (5 months ago)
- Topics: css3, javascript, mediaqueries, purecss, reactjs
- Language: JavaScript
- Homepage: https://giannifontanot.github.io/portfolio-react
- Size: 60.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)
# Professional Portfolio - React
This 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.
## Table of Contents
- Professional Portfolio - React
* [Installation](#installation)
* [Usage](#usage)
* [Credits](#credits)
* [Features](#features)
* [Contributions](#contributions)
- [🔗 Links](#---links)
+ [GitHub Repository](#github-repository)
+ [Live Link](#live-link)
+ [Support](#support)
+ [Authors](#authors)
## Installation
I used React to create this portfolio, and the PureCSS library is an essential component along with normal HTML, CSS, and Javascript code.
## Usage
You can fork the project and use it for your own portfolio, it is listed under the MIT license.
## Credits
Following you will find the websites that helped me the most:
- [React for Beginners](https://www.guru99.com/reactjs-tutorial.html)
- [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)
- [https://purecss.io/](https://purecss.io/)
- [https://css-tricks.com/solved-with-css-dropdown-menus/](https://css-tricks.com/solved-with-css-dropdown-menus/)
- [https://www.freecodecamp.org/an-animated-guide-to-flexbox](https://www.freecodecamp.org/news/an-animated-guide-to-flexbox-d280cf6afc35/)
- [https://css-tricks.com/snippets/css/a-guide-to-flexbox/](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [https://www.w3schools.com/cssref/css_selectors.asp](https://www.w3schools.com/cssref/css_selectors.asp)
- [http://typegoodness.com/2018/04/big-john-free-font/](https://color.adobe.com/create/image)[https://color.adobe.com/create/image)
- [https://www.labnol.org/code/20079-center-div-with-pure-css](https://www.labnol.org/code/20079-center-div-with-pure-css)
- [https://www.flexboxgame.com/](https://www.flexboxgame.com/)
## Current Features
````````````````````````
- I used React to create this portfolio
- The website is very easy to navigate.
- It is in itself a project, it was very hard to code!
- The code is made from scratch using the PureCSS library.
````````````````````````
## Future Features
````````````````````````
- I will add the projects that I am currently working on
- Users will have the opportunity to send a message right from the screen
````````````````````````
## Contributions
If you would like to contribute to this project , you are very welcome! You can fork it and later submit a pull request.
In case you need them, here are some guidelines: [Contributor Covenant](https://www.contributor-covenant.org/)
# 🔗 Links
### GitHub Repository
[https://github.com/giannifontanot/portfolio-react/](https://github.com/giannifontanot/portfolio-react/)
### Live Link
[https://giannifontanot.github.io/portfolio-react](https://giannifontanot.github.io/portfolio-react)
### Support
If you need help with this project, please write to: [[email protected]](https://mailto:[email protected])
### Authors
- [@giannifontanot](https://www.github.com/giannifontanot)
- [](https://giannifontanot.github.io/portfolio-react/)
- [](https://www.linkedin.com/in/gianni-fontanot/)