E-commerce website for purchasing available posters or creating customized designs and selecting their own frames, with options for basic, wood, and acrylic frames. Integrated with NextAuth and OAuth for authentication, Edgestore for file storage, MongoDB Atlas for database management, and Midtrans for payment gateway. Built with Next.js, Tailwind CSS, and TypeScript.
Coffee Ordering Mobile Web
Next.jsTailwind CSSJavaScriptRESTful API
Mobile web app for coffee ordering, built with Next.js and Tailwind CSS, and integrated with a database via JSON Server. This app allows users to effortlessly browse the menu, place orders for their favorite coffee, and customize their orders. It also includes a voucher discount feature for added savings. Key features include a modern design, real-time data integration, and a seamless ordering process from selection to checkout.
VYGaming - Clone
Next.jsTailwind CSSTypeScript
A responsive e-commerce website for game top-ups and vouchers, implementing the original design from www.vygaming.id. Utilizes data from the VYGaming API and built with Next.js, Tailwind CSS, and TypeScript.
Tic Tac Toe - Game
Next.jsTailwind CSSTypeScript
Tic Tac Toe Game, built with Next.js, Tailwind CSS, and TypeScript.
Todo List App
Next.jsTailwind CSSJavaScript
Todo List Application built with Next.js, featuring drag-and-drop functionality. Implemented drag-and-drop interactions using the `react-beautiful-dnd` library to allow users to reorder tasks effortlessly. Integrated `localStorage` to persist user data, ensuring that todo items and their order are retained across page reloads. The user-friendly interface supports task management with options to add, edit, delete, and mark tasks as completed.
Address Book Website
Next.jsTailwind CSSJavaScript
Address Book website built with Next.js, utilizing open source APIs, featuring search functionality, infinite scroll, and night mode.
Travel Website
Next.jsTailwind CSSJavaScript
Responsive Travel Website uses Next.js & Tailwind, slicing from figma.