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.

Android App

Dongo

Dongo is an Android application developed to simplify one of the most common challenges after group trips and gatherings: fairly splitting shared expenses. The idea originated from a real-world problem where friends often struggled to calculate individual contributions after everyone had paid for different parts of the trip. The application automatically determines each person's share, identifies the member who contributed the most as the primary payer, and calculates exactly how much every participant should pay or receive to settle the expenses with complete transparency. One of the application's key features is its flexible cost-sharing system. Participants who contribute additional resources, such as bringing their own vehicle, can be assigned a reduced percentage of the total expenses, with the remaining amount being fairly redistributed among the rest of the group. This creates a more realistic and equitable expense calculation for real-life scenarios. The interface was intentionally designed with a clean and minimal UI to provide a straightforward user experience, allowing users to focus on managing expenses without unnecessary complexity. Although my expertise is primarily in frontend development, I wanted to explore how modern web technologies could be used to build native-like mobile applications. The project was developed using Vite, TypeScript, and Tailwind CSS, then packaged as an Android application with Capacitor, enabling it to run independently of a web browser or internet connection. The final APK was published through GitHub Releases, making the application easy to install while demonstrating an efficient workflow for transforming a modern web application into a fully functional Android app.

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.