From concept to execution—here’s a glimpse into my creative process.
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.
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.
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.
SIUIUX Portfolio
SIUIUX is a modern portfolio website developed to showcase the work, experience, and creative journey of a professional UI/UX designer. Built with React and connected to a Django backend through a REST API, the project combines dynamic content management with an elegant frontend experience. The primary goal was to create a platform where design projects could take center stage while maintaining a clean, distraction-free interface that reflects the principles of minimalism and thoughtful user experience. One of the most rewarding challenges was translating sophisticated visual concepts into smooth, interactive web experiences. The website features engaging scroll-based animations, including layered card stacking effects that respond naturally as users navigate through the page, creating a sense of depth and progression. Every animation was carefully implemented to enhance storytelling without compromising performance or usability. Fully responsive across desktop and mobile devices, the project balances aesthetic appeal with technical reliability, resulting in a portfolio that effectively communicates creativity, professionalism, and attention to detail.
Todo List
Todo List is a Progressive Web Application (PWA) developed as my first React project, serving as both a learning milestone and a personal challenge. Rather than focusing solely on development, I designed the entire user experience from scratch, beginning with the UI/UX design in Figma before bringing the concept to life with React. Even the application's logo was custom-designed to create a consistent visual identity. The project was later deployed using GitHub Pages, making it easily accessible while demonstrating the complete workflow from design to production. The application was built with productivity and usability in mind. Users can create tasks with customizable priorities and deadlines, edit existing items, pin important tasks, and remove individual or multiple entries with ease. To provide a seamless experience across different environments, the app is fully responsive for both desktop and mobile devices and supports light and dark themes. As a Progressive Web App, it can be installed on users' devices and continues to function offline by storing data locally through Local Storage, ensuring that tasks remain available even without an internet connection. This project reflects not only my early journey with React but also my commitment to creating thoughtful, user-centered applications that combine clean design with practical functionality.
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.
