Skip to content

Modern React & Tailwind portfolio hub showcasing my projects, skills, education and experience, with dynamic particle effects, multi-language support and automated CI/CD.

Notifications You must be signed in to change notification settings

SaroM0/portfolio-hub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SaroM0 Portfolio Hub

This repository contains the frontend of my personal portfolio website, showcasing my professional experience, skills, projects, and achievements. Built using modern web development tools, this project is designed to provide a visually appealing and responsive interface to highlight my work and connect with potential collaborators or employers.


Features

  • Landing Page: A visually engaging introduction to the portfolio, including social media links and a hero section.
  • About Section: Detailed information about me, including bio, skills, and personal interests.
  • Education: A timeline showcasing my educational background and certifications.
  • Experience: Highlights my professional journey and key achievements.
  • Projects: A collection of selected projects, with descriptions and links to repositories or live demos.
  • Contact: Provides ways to get in touch with me, including a contact form and social links.
  • Dynamic Backgrounds: Includes particle effects for an interactive user experience.
  • Footer: Features testimonials and quick navigation links.

Directory Structure

  • .github/: GitHub Actions for CI/CD workflows.
  • public/: Static files and manifest.
  • src/: Application source code.
    • assets/: Images and static assets.
    • components/: Component-based structure.
      • pages/: Page-specific components.
      • common/: Reusable components.
    • App.js: Main application component.
    • index.js: Application entry point.
    • tailwind.config.js: Tailwind CSS configuration.
  • package.json: Dependencies and scripts.
  • README.md: Project documentation.

Technologies Used

  • React.js: Component-based library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for custom styling.
  • JavaScript: Core programming language for frontend logic.
  • HTML5 & CSS3: Markup and styling for responsive and semantic design.
  • i18n: Internationalization library for supporting multiple languages.
  • GitHub Actions: CI/CD workflows for automated deployment.

Project Structure

Components

  • Pages:

    • Landing: Includes the main hero section and social media links.
    • About: Details about personal bio, skills, and interests.
    • Education: Lists educational background and certifications.
    • Experience: Highlights professional history and achievements.
    • Projects: Displays portfolio projects with links.
    • Contact: Provides ways to connect via a contact form or links.
  • Common Components:

    • Navbar: Provides navigation across different sections.
    • Footer: Includes testimonials and quick links.
    • Reusable Widgets: Includes components like particle backgrounds, scroll-to-top buttons, and more.

Contact

Feel free to connect with me for collaboration or inquiries:

About

Modern React & Tailwind portfolio hub showcasing my projects, skills, education and experience, with dynamic particle effects, multi-language support and automated CI/CD.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published