A high-performance, interactive portfolio website designed to showcase modern web development skills. This project features a unique 3D interactive interface, dynamic animations, and a seamless user experience across all devices.
Check out the live version of this project here: View Live Demo
- Interactive 3D Elements: Uses Three.js to render a dynamic 3D wireframe sphere in the hero section that responds to mouse movement.
- Custom Particle System: A lightweight, high-performance background particle engine built using the HTML5 Canvas API.
- Dynamic Theme Switching: Seamless toggle between Light and Dark modes with persistent state using
localStorage. - Modern UI/UX: Includes a scroll progress bar, custom typing animations for professional roles, and smooth section transitions using Intersection Observer API.
- Responsive Architecture: Built with a mobile-first approach using CSS Grid and Flexbox to ensure compatibility across all screen sizes.
- Contact Integration: Fully functional contact form integrated with EmailJS for direct client communication.
- Core: HTML5, CSS3, JavaScript (ES6+)
- 3D Graphics: Three.js
- Icons: Unicons
- Form Handling: EmailJS
- Animations: CSS Keyframes & JavaScript-driven particle logic
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/WanadeBotman/portfolio.git
- Navigate to the project folder:
cd portfolio
- Open in Browser:
Simply open
index.htmlin your preferred web browser.
├── index.html # Main structure and layout
├── style.css # Custom properties, glassmorphism, and responsive styles
└── script.js # Three.js logic, particle engine, and theme management
I am a passionate Front-End Developer with an IT Diploma in Software Development. I specialize in transforming complex ideas into elegant, high-performance web experiences.
- GitHub: @WanadeBotman
- LinkedIn: Wanade Botman
- Instagram: @sharkcxde_
Designed & Built with ❤️ by sharkcxde