Stock Synergy

• An inventory retail system designed to track stock units, sales floor inventory, and incoming products in real-time.
• Built to optimize retail operations, improve stock accuracy, and simplify inventory management for seamless business workflows.

Tech Stack

Frontend:

• React
• TypeScript
• Vite
• React Router DOM
• Tailwind CSS

Backend & Database:

• Firebase
• Supabase

Data Visualization:

• Chart.js
• React Chart.js 2

UI Components:

• Lucide React (Icons)

Login Page

• Users, more specifically managers and employees can login to the system.
• New users are able to create an account.

Home Page

• Dashboard showcasing activities for sales floor and stockroom.
• Both managers and employees have the same home page. The only difference is that managers are allowed to add new products. As shown on the sidebar.
• The bottom part of the sidebar indicates if the active user is a manager or employee.

Manager Point of View

Employee Point of View

Analytics

• Visual representation of total sales, inventory value, low stock alerts, top-selling products, and sales trend to help make inventory decisions.

Stockroom

• Showcases inventory overview, stockroom analytics, compares Sales Floor and Stockroom Units, and allows only managers to access a page to add new products.

Restock

• Retrieves data from firebase where it contains product info, available to be restocked to the sales floor.

Add Product

• Managers are able to add new products into the system