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

View Details

Frontend

OmniFood

A modern food delivery service website built with HTML, CSS, and JavaScript.

HTMLCSS

View Details

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

View Details

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

View Details

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

View Details

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

View Details

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

View Details

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

View Details

Frontend

Kafika Restaurant

Kafika Restaurant is a restaurant website that allows visitors to browse the menu, check prices, and make reservations effortlessly. It features a modern design and a smooth user experience, optimized for performance with Next.js.

React.jsNext.jsRedux ToolkitSASS+3

View Details

1 2 3