2022
Coffee Shop Point of Sale System
Tech Stack: Nuxt.js 2, Vuetify, Privy OAuth, Chart.js
A fully responsive POS (Point of Sale) web application built for a coffee shop, designed to streamline operations and improve customer experience. The system supports three distinct roles—Barista, Admin, and Customer—each with tailored access and functionality.
Key Features:
- 🔐 Secure Authentication with Privy OAuth
- 📊 Admin Dashboard with real-time analytics and charts
- 🧾 Order Management for seamless order tracking and updates
- 📦 Product & Stock Management including Stock Opname (inventory audit)
- 🎯 Role-based Access Control with intuitive UI per user type
- 📱 Fully Responsive Design for desktop and mobile use
Ideal for small to medium-sized cafés aiming for efficient digital workflows and great customer service.
See my latest portfolios:
Gendut Grosir
Gendut Gerosir is a web application created for grocery stores that have 2 types of consumers with different prices, namely retail and wholesale. Having product management functions, analytics, user management, and has a cashier system (point of sales) in it. • Nuxt js 2 • Vuetify • Express js • MongoDB Url: https://gendut-grosir.ianfebi01.tech/ (login: user: [email protected], pw: 123456) Repository: https://github.com/ianfebi01/gendut-grosir & https://github.com/ianfebi01/gendut-grosir-be
Loyalty Management for Astra Honda Motor
Part of a two-person frontend team, I developed a scalable Loyalty Management CMS for Astra Honda Motor, optimized for millions of users in Indonesia. The CMS manages loyalty members, points, levels, customers, and RBAC. It includes a customizable data table with grouping, resizing, drag-and-drop, export, sorting, custom search inputs (autocomplete, select, date range), and an edit view for in-table data modification. Built with Next.js 14 Pages Router, TypeScript, MUI, React Query, and a custom date range picker using React-Date-Picker.
Geomastery
Developed a fully responsive landing page for GeoMastery using Nuxt.js 3, ensuring a smooth user experience across all devices. Tailwind CSS was used for styling, and Headless UI for customizable, accessible components. Integrated with Strapi 4 CMS, allowing dynamic content management. My role involved building the frontend, integrating the CMS, and optimizing the site for performance and responsiveness on all screen sizes.
Sunrice
As a Frontend Developer for the SunRice website ([https://www.sunrice.com.au](https://www.sunrice.com.au)), I worked alongside a teammate to develop a dynamic, responsive interface using Nuxt 3 with TypeScript. All components are fully dynamic, enabling users to update content through Strapi 4 CMS. We used Tailwind CSS for modern styling and integrated Meilisearch and Algolia Instant Search to provide powerful search functionality. The project also prioritized strong SEO performance.
