A front end web developer portfolio to showcase projects.
In this application we use React to create a front end webpage. It was interesting to create the different components and join them in the App.js to render the webpage. We use different packages like react, react-dom, and react-script. We also learn how to use gh-pages to deploy to github.
This application runs in the browser and requires the following packages:
- react
- react-dom
- react-scripts
- react-use
- web-vitals
- gh-pages
- dotenv
- bootstrap
- axios
- @testing-library/user-event
- @testing-library/react
- @testing-library/jest-dom
Github repository site here: https://github.com/FranklynSuriel/franklyn_portfolio
Deployed site here: https://franklynsuriel.github.io/franklyn_portfolio/
Open it in the browser. You can find a navigation bar with link to each section on the portfolio. If you click About Me you will directed to the about me section. If you click Portfolio you will be directed to the portfolio section. if you click Contact Me you will be directed to the contact me section. If you click on Resume you will be linked to a resume. When you are on the Portfolio section, you can click on the links on each project to visit the deployed site or the github repo site. When you explore the contact me section, you can click on the icons to visit linkedin profile or github profile.
Documentation(s) and webpage(s):
- W3 Schools
- react
- gh-pages
- Stack Overflow
- devicon.dev
- coolors.co
- Bootstrap
- create-react-app.dev
- CodeSandbox
Tutorial:
https://www.youtube.com/watch?v=GGkBwpxV7AI&ab_channel=FullStackMastery
Inspiration:
https://www.youtube.com/watch?v=9LHr3ER0qtY
This project is licensed under the MIT license.
No contributions guidelines.
No test available.
Questions about this project or to report an issue can be sent to: fsuriel@gmail.com. Please specify the name of the project in the subject of the email.