Web

Floranza Fashion Admin Pannel

Developed a scalable admin management dashboard using React (Vite), Tailwind CSS, TanStack Query, Zustand, and shadcn/ui for efficient product management, order monitoring, inventory updates, and streamlined business operations with a clean, reusable component architecture.

Floranza Fashion Admin Pannel

Timeline

2 month

Role

Fullstack Developer

Team

3

Status

Active

Strategy

Case Study Overview

To support business operations, I built a dedicated admin dashboard for internal management of products, orders, and operational workflows.

The focus was speed, maintainability, and clean component architecture.

Tech Stack

  • React (Vite)
  • Tailwind CSS
  • TanStack Query
  • Zustand
  • shadcn/ui

Business Need

The business required a admin panel for:

  • Product management
  • Inventory updates
  • Order monitoring
  • Content updates
  • User workflows
  • Operational efficiency

State Management Strategy

Used:

TanStack Query
for server state

Zustand
for client UI state

This separation improved maintainability and prevented unnecessary complexity.

Challenges Solved

Complex State Handling

Admin apps often mix UI state and server state poorly.

Solution:

  • Zustand → UI interactions
  • TanStack Query → API data

Cleaner architecture and easier debugging.

Operational Speed

Built workflows optimized for staff efficiency with fewer clicks and faster actions.

Project Intelligence

ClientFloranza Fashion
IndustryGarments
Year2024
PlatformWeb
Duration2 month
RoleFullstack Developer
Team Size3
StatusActive

Partner with me

Start a Project

Technology Stack.

Backend

Laravel

Database

Postgres

Frontend

ViteTailwindShadcnTanstack QueryZustant
Direct Engagement

Ready to build something great together?

Let's turn your idea into a scalable, production-ready product. I'm just a message away.