Web App

See in

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.

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.