Overview

Comprehensive inventory and stock management system with AI-powered demand forecasting. Modules include stock management, order processing, supplier management, buyer management, marketplace integration, sales analytics, procurement inquiry, and detailed reporting. Built with React + Supabase for real-time data sync, featuring predictive analytics (Prediksi) for stock level recommendations.

The Problem

Small and medium businesses struggle to manage inventory efficiently — tracking stock levels, processing orders, managing suppliers, monitoring buyers, and forecasting demand typically requires expensive ERP systems or multiple disconnected spreadsheets. There is a need for an affordable, modern, web-based inventory management system with built-in analytics and AI-powered demand forecasting that SMBs can use without enterprise-level IT infrastructure.

The Solution

Stokiq is a comprehensive inventory and stock management SaaS built with React and Supabase. It provides real-time stock tracking, order processing, supplier and buyer management, marketplace integration, sales analytics with Recharts visualizations, procurement inquiry management, and AI-powered demand forecasting (Prediksi module). The landing page converts visitors to users, while the authenticated dashboard provides full operational control. Framer Motion animations provide a polished, professional UX.

Key Features

Real-Time Stock Management

Full inventory tracking with SKU, quantity, reorder points, categories, and supplier linkage. Real-time Supabase sync ensures accurate stock levels across all users simultaneously.

Order Processing

Complete order lifecycle management from creation to fulfillment. Track order status, link to suppliers and buyers, manage quantities and pricing, and maintain a full audit trail.

AI Demand Forecasting (Prediksi)

Machine learning-powered demand forecasting analyzes historical sales patterns to recommend optimal reorder quantities and timing, reducing stockouts and overstock costs.

Sales Analytics Dashboard

Recharts-powered analytics visualizing stock movement, sales trends, top products, supplier performance, and revenue metrics with interactive charts and date range filtering.

Supplier & Buyer Management

Complete CRM for suppliers and buyers. Track contacts, transaction history, performance metrics, and communication logs for all business relationships.

Marketplace Integration

Sync inventory with external e-commerce marketplaces. Manage listings, sync stock levels to prevent overselling, and track marketplace-specific orders from a unified dashboard.

Architecture

React 19 + TypeScript frontend with Vite build tooling. Supabase provides PostgreSQL database with real-time subscriptions, authentication, and Row Level Security for multi-tenant data isolation. React Router DOM handles client-side navigation across 10+ module pages. React Hook Form + Zod handle form validation. Recharts renders all analytics visualizations. Framer Motion provides page transitions and component animations. shadcn/ui + Radix UI provide the accessible component foundation.

How to Use

Sign up via the landing page. Connect your Supabase credentials in settings. Navigate the dashboard to manage stock items — add products with SKU, quantity, reorder points, and supplier info. Create and track orders through the full order lifecycle. Manage supplier contacts and buyer accounts. Use the Analytics module for sales trends and stock movement charts. The Prediksi (Forecasting) module uses historical data to recommend optimal stock levels. Export reports for accounting and auditing.

Impact & Results

Provides SMBs with enterprise-level inventory intelligence at a fraction of the cost. Real-time Supabase sync ensures stock data is always current across multiple users. The Prediksi AI forecasting module reduces stockouts and overstock situations by predicting demand based on historical patterns. The marketplace integration module allows listing and syncing stock with e-commerce platforms. Recharts-powered analytics give business owners clear visibility into stock movement, sales trends, and supplier performance.