Post by Ahmad Abbas H.

Full‑Stack Developer | BSc Computing Student (Arden University) | Skilled in Python, React.js & Cloud Fundamentals

🐱 Just shipped Fur & Learn v2.0 - a luxury cat education platform built with zero frameworks. Pure HTML, CSS & Vanilla JS only. 🔴 LIVE DEMO → https://lnkd.in/dMwH6EyG What started as a basic cat photo app became a fully interactive, production-grade multi-page website with: 🎯 Breed Finder Quiz - 5 lifestyle questions → personalized cat match 🧬 13 × 3D Flip Cards - click to reveal breed stats & animated trait bars ⚖️ Breed Comparison Tool - real-time side-by-side data from JS 🔢 Cat Age Calculator - live slider using the AAHA formula 🖼️ Masonry Gallery + Lightbox - keyboard navigable (← → Esc) 💡 5-Tab Care Guide - Nutrition, Grooming, Health, Environment, Behaviour 🌙 Dark / Light Mode - CSS variables + localStorage persistence ✨ 3D Hero Card - multi-axis CSS animation cycling 5 breeds 📜 Scroll Reveal - IntersectionObserver with JS-gated opacity 📊 Animated Counters - count up on scroll into view ♿ Full Accessibility - ARIA roles, aria-live, keyboard nav, semantic HTML5 7 pages. Zero inline styles. Zero build tools. 100% class-based CSS architecture. ────────────────────── 📌 DESCRIPTION ────────────────────── Fur & Learn proves you don't need React or Tailwind to build something polished and professional. This project covers the full front-end spectrum - CSS custom property theming, 3D transforms, IntersectionObserver, dynamic DOM generation, localStorage, WCAG accessibility, and responsive design - all in one clean, structured codebase. 🔴 Try it live → https://lnkd.in/dMwH6EyG ────────────────────── 📖 README ────────────────────── Stack: HTML5 · CSS3 · Vanilla JS Pages: 7 · Breeds: 13 · Build Tools: None Browser: Chrome, Firefox, Safari 9+, Edge License: MIT ────────────────────── 🏷️ TOPICS / TAGS ────────────────────── #HTML #CSS #JavaScript #VanillaJS #FrontEnd #WebDev #WebDesign #Glassmorphism #DarkMode #ResponsiveDesign #CSSAnimations #3DCSS #UIUX #Accessibility #PortfolioProject #OpenSource #FrontEndDeveloper #ProjectShowcase #NoFramework #CSSVariables #InteractiveUI #Coding #Developer #Tech #HTML5 #CSS3 #WCAG #PureCSS #UIDesign #FullFrontEnd

Post content