Felicia Fel

Sarana Dashboard & Point of Sales System

Sarana Point of Sales System is a user-friendly POS solution designed to simplify sales and inventory management for small businesses. Created specifically for my family’s shop, Sarana offers a streamlined interface to handle transactions, track stock levels, and manage orders with ease.

Expertise

Full Stack Web Developer

Year

2024

project image coverimage 2


Links:

Why is this problem valuable to address?

I developed Sarana Point of Sales System to assist with my family’s small business, where a user-friendly and straightforward POS system was needed. The previous system was overly complex and difficult to manage, which made daily operations more challenging than necessary. Sarana was created to address these issues by providing a simple, intuitive interface that aligns perfectly with their specific needs.

Quirks

The application is available in both Indonesian and English to cater to the local context in Indonesia, ensuring that the system is accessible and useful for my parents' business. Every feature in the app is designed with their operational quirks and requirements in mind, making Sarana a customized solution that simplifies their point-of-sale management while enhancing efficiency.

✨ Bonus

This version is just a test database so if you hit 404 it's probably because the database has hit the max traffic quota. Feel free to play around, explore the features, and send me your thoughts! I'd love to hear your feedback as I keep refining it.

Built With

• Next.js • Prisma • Clerk • Canva • Echarts • Figma • React • Tailwind CSS • GraphQL • Typescript • Supabase • Node.js

App

Visit https://sarana-dashboard.vercel.app/ to access the web application.


Key Features

Dashboard

  1. Real-Time Updates: See what’s hot and what’s not with instant insights into sales, stock, and revenue. 🔍

  2. AI Insights: Discover trends and make smart decisions with AI-powered wisdom. 🤖✨

Product Management

  1. Search & Filter: Find exactly what you’re looking for in seconds with powerful search and filter options. 🕵️‍♂️

  2. Stock Monitoring: Keep your shelves stocked and your customers happy with real-time stock updates. 📦

  3. Admin Controls: Manage products effortlessly – add, edit, or delete items with a few clicks. 🛠️

Order Management

  1. Order Search: Quickly dig through orders or pick a date range to view your sales history. 📅

  2. Admin Actions: Add, update, or remove orders without breaking a sweat. 🧑‍💼

  3. Mark as Received: Update stock levels automatically by marking orders as received. ✅

Technology Stack

  1. User Management: Clerk – Your key to smooth, secure logins. 🔑

  2. Framework: Next.js – Building fast, modern web experiences. ⚡

  3. Backend: Prisma, Apollo, and GraphQL – Powering a flexible and robust backend. 💪

  4. AI Insights: OpenAI – Making your data smarter with AI. 🤓

  5. Styling: Tailwind CSS and ShadCN – Bringing a touch of modern design to your interface. 🎨