Web App

See in

GPA Calculator

GPA Calculator was one of my earliest web applications, developed shortly after learning the fundamentals of HTML, CSS, and JavaScript. It also became the first project in my personal portfolio, marking the beginning of my journey into web development during my early university years. The application allows students to enter course names, credit values, and grades, dynamically add or remove courses, and instantly calculate their overall GPA. To create a better user experience, the interface supports both light and dark themes, offering a clean and accessible design for everyday use. Although simple in scope, this project represents an important milestone in my growth as a developer and reflects my first experience transforming a practical idea into a functional web application.

See in

My Latest work

From concept to execution—here’s a glimpse into my creative process.

Web App

Dirin Digital Menu

Developed as a mobile-first web application, Dirin was designed to provide a seamless digital menu experience for customers visiting the café and fast-food restaurant. Since nearly every visitor accesses the menu through a smartphone, the interface was carefully optimized for touch interaction, fast navigation, and effortless browsing. The application presents each menu item with its pricing, detailed information, and an intuitive quantity selector, allowing customers to build a personalized cart while viewing the total cost of their selections in real time. A major focus of the project was creating a smooth browsing experience across a large collection of menu categories. An interactive category navigation bar enables users to jump directly to different sections, while intelligent scroll synchronization automatically highlights the active category as users explore the menu. This creates a natural and responsive navigation flow without requiring unnecessary interactions. Built with Vite.js, the application consumes data from a REST API, making menu management dynamic and easily maintainable. Combining modern frontend architecture with a clean, mobile-centric design, the project delivers a fast, engaging, and user-friendly digital ordering experience that reflects the simplicity and convenience expected from today's hospitality services.

E-commerce

BunnyKala

The frontend of Bunny Kala was developed as a modern e-commerce platform focused on delivering a fast, intuitive, and scalable shopping experience for digital products. Built with Next.js and styled using Tailwind CSS, the project emphasizes performance, responsive design, and clean user interfaces across a wide variety of pages. From product listings and detailed product pages to category navigation and user interactions, every section was designed to provide a smooth and engaging browsing experience. One of the primary challenges of the project was organizing a large catalog of products into an accessible structure without overwhelming users. The platform features extensive product categorization, making it easy to discover items through well-structured navigation and thoughtfully designed layouts. Customers can also contribute their own product reviews and share their experiences, adding a valuable community-driven aspect to the shopping journey. Throughout the development process, special attention was given to reusable components, maintainable architecture, and responsive behavior, resulting in a frontend that is both visually polished and prepared to grow alongside the business.

Logo

Optimize Logo

The Optimize logo was created for a brand specializing in mobile accessories, digital products, and everyday technology gadgets. The objective was to develop a modern and memorable visual identity that would communicate innovation, reliability, and continuous growth while remaining simple enough to be instantly recognizable across both digital and print media. The concept is built around a minimalist monogram, combining the letters "O" and "P" into a single, cohesive symbol. An upward arrow is seamlessly integrated into the design to represent progress, improvement, and a forward-thinking mindset, while the negative space subtly reveals the silhouette of a tool, reinforcing the brand's connection to technology and practical gadgets. Rounded geometric lines were intentionally chosen to create a friendly and approachable personality, balancing professionalism with accessibility. Complemented by a technology-inspired blue color palette, the final identity achieves a clean, timeless appearance that reflects the brand's modern vision and dynamic character.

Portfolio

Digital Identity

My personal portfolio is more than a website. It is a carefully crafted platform that represents my skills, experience, and approach to design and software development. Built with Next.js, the project was designed to deliver a fast, modern, and fully responsive experience across every screen size, from desktop monitors to mobile devices and everything in between. Rather than serving as a simple collection of projects, the portfolio presents a structured overview of my journey through dedicated sections for featured work, technical articles, personal background, and contact information, allowing visitors to explore both my professional experience and my way of thinking. From a technical perspective, the application communicates with a Django backend through a REST API secured with JWT authentication, enabling dynamic content management while keeping the frontend clean and maintainable. Considerable attention was given to visual storytelling, smooth interactions, subtle animations, and intuitive navigation to create an engaging experience without sacrificing performance. Every component was built with scalability and reusability in mind, making it easy to expand the platform with new projects and blog posts over time. More than just a showcase, this portfolio reflects my philosophy of combining thoughtful design, modern technologies, and clean architecture to create digital experiences that are both functional and memorable.