SlaydDev is my personal/project website, featuring interactive animations, mini-games, dynamic counters, and more. This site showcases my projects, blog posts, and creative coding experiments. After countless commits and deployments, it’s finally live and fully functional!
- Loader Animation: Smooth fade-in cover screen on page load.
- Custom Cursor: Dynamic cursor with hover effects on text and interactive elements.
- Navigation & Scroll: Active link highlighting and smooth scrolling between sections.
- Reveal Animations: Elements appear with cool transitions as you scroll.
- Counters: Live stats fetched from Google Sheets and animated on scroll.
- Team Section: Clickable team members reveal animated skill bars.
- Blog: Fetches posts with badges or author labels and displays them in a modal.
- Mini-Game: Easter egg mini-game accessible via canvas.
- Image Lightbox: Click images in projects or blogs for a fullscreen view.
- Toast Notifications: Smooth notifications for events like “blog loaded.”
- Scroll-To-Top Button: Easy navigation back to the top.
- Languages: HTML, CSS, JavaScript
- Libraries/Tools: Vanilla JS, Google Sheets API (for dynamic counters), GitHub Pages deployment
- Other: Custom animations, interactive mini-game, dynamic content fetching
SlaydDev/
├─ index.html
├─ css/
│ └─ style.css
├─ js/
│ └─ main.js
├─ assets/
│ ├─ images/
│ ├─ badges/
│ └─ icons/
└─ README.md
- Commits: 9,000+
- Deployments: 500+
- Milestone: 10k commits incoming 🎯
The website is hosted via Vercel and updates automatically with every deployment.
This site is a culmination of creative experiments, interactive coding, and lots of coffee ☕. Mini-games, easter eggs, and live counters are sprinkled throughout for fun.