A modern, elegant, and highly interactive single-page portfolio website built to showcase my journey as a self-taught Software Engineer.
Live Demo: https://OJCodeCanvas.github.io/portfolio
- Beautiful Dark/Light Mode with smooth transition
- Dynamic Typing Effect in the hero section
- Interactive Cursor Glow effect
- Floating Gradient Orbs + subtle dot grid background
- Scroll Progress Bar + Scroll-to-Top button
- Fully Responsive design (mobile-first)
- Smooth Scroll & Scroll Reveal animations
- Animated Counter Stats
- Working Contact Form (powered by EmailJS)
- Project Showcase with hover effects
- Professional Timeline of my learning journey
- Loading Screen with custom animation
- Accessible navigation (hamburger menu on mobile)
- HTML5
- CSS3 (Custom properties, modern layout, gradients, animations)
- Vanilla JavaScript (no frameworks)
- Font Awesome icons
- Google Fonts (Inter, Sora, Fira Code)
- EmailJS for contact form
- Modern glassmorphic navbar with backdrop blur
- Conic gradient animated profile picture
- Code snippet showcase with syntax highlighting
- Project cards with gradient border glow on hover
- Fully themed dark/light mode (default: dark)
/
├── index.html # Complete single-file portfolio ├── README.md # This file └── (GitHub Pages ready)
The entire site is contained in one HTML file with embedded CSS and JavaScript — perfect for fast loading and easy deployment.
- Clone the repository
git clone https://github.com/OJCodeCanvas/portfolio.git cd portfolio