Skip to content

A modern, responsive portfolio website showcasing my work as a Java & Kotlin Developer.

License

Notifications You must be signed in to change notification settings

SoufianoDev/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Modern Portfolio - Soufiano Dev

A modern, responsive portfolio website showcasing my work as a Java & Kotlin Developer. Built with HTML, TailwindCSS, and JavaScript.

Overview

This portfolio website features:

  • Animated hero section with floating tech icons
  • About me section
  • Projects showcase
  • Certificates display
  • Multi-language support
  • Contact form
  • Social media links
  • Modern glassmorphism design
  • Smooth animations

Features

Visual Design

  • Modern glassmorphism effects
  • Responsive design for all screen sizes
  • Animated background with tech stack icons
  • Neon text effects
  • Custom scrollbar styling

Functionality

  • Multi-language support (English, French, Spanish, Arabic)
  • Contact form with validation
  • Smooth scroll behavior
  • Dynamic certificate display
  • Animated transitions
  • Social media integration

Technical Features

  • CSS animations and transitions
  • GSAP animations
  • TailwindCSS utility classes
  • Font Awesome icons
  • Custom toast notifications
  • Responsive images
  • Blur effects

Supported Languages

The portfolio supports Six Languages:

  1. English (Default)
  2. Français (French)
  3. Español (Spanish)
  4. Русский (Russian)
  5. العربية (Arabic)
  6. فارسى (Persian)

How It Works

  • The language selector is located in the top-left corner of the hero section.
  • Clicking the globe icon opens a dropdown menu with the available languages.
  • Selecting a language dynamically translates the content of the portfolio using JavaScript.
  • Toast notifications provide immediate feedback when switching languages, even when selecting the current language.
  • Background decorative images are unselectable to prevent accidental interactions.
  • The selected language is stored in the browser's local storage for persistence across sessions.

Technologies Used

  • HTML5
  • CSS3/TailwindCSS
  • JavaScript
  • GSAP (GreenSock Animation Platform)
  • Font Awesome
  • Google Fonts

External Dependencies

- TailwindCSS (CDN) - GSAP 3.12.2 - Font Awesome 6.0.0-beta3 - Google Fonts
(Sansita) - Toast.js v2.0.0(CDN From My Github.For Notifications)

About

A modern, responsive portfolio website showcasing my work as a Java & Kotlin Developer.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published