An open API service indexing awesome lists of open source software.

https://github.com/mdsamsuzzohashayon/portfolio


https://github.com/mdsamsuzzohashayon/portfolio

Last synced: 7 months ago
JSON representation

Awesome Lists containing this project

README

          

# Portfolio

Welcome to my personal portfolio website! This project showcases my work and skills.

## Live Demo

- [Visit the live site](https://mdshayon.com)

### Reference
- Inspirations
- https://codepen.io/FrankieDoodie/pen/dgVGad
- Menu, Achievements, Loader -> https://uithemez.com/i/hubfolio_HTML/digital_studio/index.html
- Paralox, Box style -> https://preview.themeforest.net/item/inbio-personal-portfolio-wordpress-theme/full_screen_preview/39221039?_ga=2.106574662.451309780.1727758397-1871772981.1710479217
- Show work like this -> https://itssharl.ee/fr/work
- https://rainbowit.net/themes/inbio/senior-ux-designer/#about
- Hover animation -> https://gerold.themejunction.net/

## Features

- Integration with Google Analytics
- Fast data distribution via Cloudflare
- User email collection via Firebase
- Customized icons with SVG format
- Google Maps integration
- Email handling through Azure Functions
- Project preview video link
- Three.js integration for interactive 3D graphics
- Animations and smooth scroll effects
- Enhanced visual design with gradient colors and drop shadows
- YouTube channel subscribe button

## Deployment

### CPanel GitHub Actions Deployment

1. **Tutorial**: [Watch the tutorial](https://www.youtube.com/watch?v=x_GZpOGyJpg)
2. **Setup GitHub Workflows**:
- Create GitHub workflows for deployment automation.
3. **Configure FTP Access**:
- Go to CPanel -> FTP -> Create an FTP account -> Retrieve FTP credentials.
4. **Add Secrets in GitHub**:
- Create all necessary secret keys in GitHub and use them in your workflow configuration.

## References
- https://webflow.com/blog/design-portfolio-examples

- [InBio template](https://rainbowit.net/html/inbio/)
- [Background design inspiration](https://themihub.com/html/morex-demo/morex/index-dark.html)
- [Background shapes inspiration](https://dribbble.com/shots/7662998/attachments/412970?mode=media)
- [Experience section design](https://www.pinterest.com/pin/59461657571926852/)
- [About Me section design](https://www.pinterest.com/pin/395402042298164902/)
- [Icon resources](https://unpkg.com/browse/@heroicons/react@2.0.18/24/outline/)

## Contributing

Feel free to fork this repository and submit pull requests with improvements.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

---

For any questions or feedback, please contact me at [mdsamsuzzoha5222@gmail.com](mailto:mdsamsuzzoha5222@gmail.com).