Frontend
My Work
All Projects
A collection of products, tools, and experiments I've built over the years.
Frontend
Clipboard-landing-page
This is a landing page project for the 'Clipboard' application, which solves the challenge of accurately converting a professional static design (from a Frontend Mentor challenge) into a real, interactive webpage. I built this using core front-end technologies: Semantic HTML5 was used to ensure a correct and SEO-friendly structure, alongside modern CSS. Flexbox was heavily utilized for managing the layout and building the different sections. This was done to achieve the specific result of a Fully Responsive design that is a pixel-perfect match to the original layouts across all screen sizes.
HTMLCSS
Frontend
OmniFood
A modern food delivery service website built with HTML, CSS, and JavaScript.
HTMLCSS
Frontend
E-Commerce-Store
This is a full-featured, high-performance E-Commerce Store application, solving the challenge of building a modern, fast shopping experience as a Hybrid Web App. The frontend is powered by Next.js 15 and React 19, ensuring superior performance, seamless navigation (like Single-Page Applications), and advanced Search Engine Optimization (SEO). The design is fully implemented using Tailwind CSS, and TypeScript was utilized for code quality and maintainability.
ReactNext.jsTypeScriptTailwind CSS+2
Frontend
Appie
This is a modern landing page project for an app named 'Appie', solving the problem of professionally marketing the app and showcasing its features and pricing plans. I built this using core technologies: Semantic HTML5 for structuring the page, and CSS3 for implementing the design and responsiveness using techniques like Flexbox and Grid. JavaScript was also used to add interactivity to elements (like the mobile navigation or sliders). The result is an attractive, fast, and Fully Responsive webpage, ready to showcase the app to customers.
HTMLCSSJavaScript
Frontend
Sprints Graduation Project (Shopping Cart & Order Management System)
This is a complete web-based Shopping Cart and Order Management System, solving the challenge of building a full e-commerce front-end experience using pure JavaScript. I built this using Vanilla JavaScript, HTML5, and CSS3, leveraging Browser Cookies and localStorage for session and data persistence. The result is a comprehensive Multi-Page Application (MPA) featuring a robust user authentication system, a dynamic shopping cart, and complete order history tracking.
HTML5CSS3JavaScript (Vanilla JS)localStorage+3
Frontend
PharmaFlow – Pharmacy Inventory Management System
A comprehensive web-based inventory management system for pharmacies. It tracks medicines, expiry dates, and suppliers, and provides smart reports, purchase orders, and activity logs. Designed to be user-friendly and suitable for small to medium‑sized pharmacies.
HTML5CSS3Bootstrap 5JavaScript (ES6+)+6
Frontend
Personal Portfolio Website
My official personal portfolio website designed to showcase my skills, experience, and software development projects. The application features a fully responsive UI, smooth scroll animations using AOS library, and a dynamic project filtering system. It serves as a central hub for my professional online presence.
React.jsRedux ToolkitSASS (SCSS)Tailwind CSS+4
Frontend
Students Affairs System
The Students Affairs System is a lightweight web application designed to manage academic records for Students, Courses, Instructors, and Employees. Built for Student Affairs Staff , the system demonstrates modern JavaScript practices, including Object-Oriented Programming (OOP) and asynchronous data handling.
HTML4CSS2Vanilla JS(ES6+ Modules)MVC-like structure with OOP Inheritance+1