Projects
Movie Search App
React TypeScript JavaScript OMDB API Tailwind Framer Motion Library Vercel
A simple movie browsing app built with Next.js and TypeScript, using the OMDB API for movie data, and Tailwind for styling.
try it live view source
Dictionary App
React SCSS JavaScript Dictionary API Vercel
A responsive dictionary application that allows users to search for word definitions, pronunciations, and examples. Built with React for dynamic rendering and SCSS for modular styling, it integrates the Dictionary API to fetch real-time data. This is a Frontend Mentor challenge.
try it live view source
Mortgage Calculator App
React SCSS JavaScript Vercel
A practical tool built with React and SCSS that helps users calculate their mortgage repayments. The application provides real-time calculations and a user-friendly interface, making complex financial computations straightforward.This is a Frontend Mentor challenge.
try it live view source
Inwood Furniture E-commerce
HTML SCSS JavaScript AOS Library Swiper Carousel Vercel
An elegant e-commerce website for a fictional furniture brand, inspired by Al Razi Siam's UX design. Utilizing HTML, SCSS, and JavaScript, the site features smooth animations with AOS and interactive carousels with Swiper, providing an engaging shopping experience.
try it live view source
Audiophile E-commerce
HTML SCSS JavaScript Vercel
A responsive e-commerce platform for audio products, developed as part of a Frontend Mentor challenge. Built with vanilla JavaScript and SCSS, the site offers a sleek design and intuitive navigation for users.
try it live view source
Rock-Paper-Scissors
HTML SCSS JavaScript Vercel
An interactive game that brings the classic Rock-Paper-Scissors to the web. Developed with HTML, SCSS, and JavaScript, the game features responsive design and smooth animations, providing an enjoyable user experience. This website is a Frontend Mentor challenge.
try it live view source
Sunnyside Agency Landing Page
HTML SCSS AOS Library Vercel
A visually appealing landing page for a creative agency, created as a Frontend Mentorr challenge. The site employs HTML, SCSS, and AOS for animations, resulting in a dynamic and engaging user interface.
try it live view source
Social Media Dashboard
HTML CSS JavaScript Vercel
A dashboard interface displaying social media metrics, featuring a dark mode toggle implemented with vanilla JavaScript. Designed with Flexbox for a responsive layout, aligning with modern UI standards. This is also a Frontend Mentor project.
try it live view source