https://github.com/arnoldbrown/mrbrownportfolio
Simple Portfolio using ReactJs
https://github.com/arnoldbrown/mrbrownportfolio
css git portfolio-website reactjs resume
Last synced: 3 months ago
JSON representation
Simple Portfolio using ReactJs
- Host: GitHub
- URL: https://github.com/arnoldbrown/mrbrownportfolio
- Owner: ArnoldBrown
- Created: 2024-10-17T08:41:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-18T06:26:48.000Z (over 1 year ago)
- Last Synced: 2024-10-19T12:15:03.995Z (over 1 year ago)
- Topics: css, git, portfolio-website, reactjs, resume
- Language: JavaScript
- Homepage: https://arnoldbrown.github.io/MrBrownPortfolio/
- Size: 4.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Project
This is a responsive portfolio site created with ReactJS and plain CSS that implements Swiper for sliding components and EmailJS for contact services.
### Project Features:
- Responsive Layout
- Fixed Navigation
- Pop-up Modals
- Tab Panels
- Slider + Pagination
- Contact Form
- Scroll to Top
## React-Icons
`npm install react-icons --save`
The icons from this project can be found in the *Feather* or *Heroicon* sections of the [React-Icons](https://react-icons.github.io/react-icons/) library.
## Slider Component
`npm i swiper`
The slider component of the testimonial section is imported from [SwiperJS](https://swiperjs.com/react) and also utlizes their pagination module.
## Email Component
`npm install @emailjs/browser --save`
The form modal of the contact section is setup using SDK and an email template from [EmailJS](https://www.emailjs.com/docs/examples/reactjs/).
## Credit
This project was built following a tutorial by Cryptical Coder. It can be found [here](https://www.youtube.com/watch?v=3aCoZudPEKE&t=143s&ab_channel=CrypticalCoder) if you'd like to give it a try.