I designed and developed Mystic Emporium, a fantasy-themed, single-page promotional site inspired by RPG shops, to highlight my front-end skills, UI design, and ability to create immersive web experiences.

Key Technologies

• HTML: Semantic, accessible markup.
• CSS: Custom styles for a magical, responsive aesthetic.
• JavaScript: Dynamic interactivity and smooth navigation.
• SweetAlert2: Stylish pop-up notifications.
• Google Fonts: “Cinzel Decorative” for fantasy branding.

Features

• Immersive Theming: Custom cursors, backgrounds, fonts, and colors create an enchanting vibe.
• Responsive Layout: Seamless experience across desktops, tablets, and mobiles.
• Smooth Navigation: JavaScript-powered anchor links for modern scrolling.
• Engaging CTA: “Join the Arcane Circle” form with magical SweetAlert2 feedback.
• Accessible Design: Skip-links, labels, and focus styles for inclusivity.
• Showcase Sections: “Signature Artifacts,” “Frostcrag Spire Essentials,” and “Traveler Tales” for products and testimonials.

What I Learned
This project enhanced my skills in HTML, CSS, and JavaScript, focusing on advanced styling, responsive design, and interactivity. I also prioritized accessibility and UI feedback for a delightful user experience.

Summary
Mystic Emporium showcases my ability to blend creativity and technical skill, delivering an engaging, user-centered front-end experience with rich theming and modern web design techniques.