AdminKingFood

Main

Role:

Fullstack Developer

Time size:

2

Duration:

September 2025 – October 2025

Tech Stack:

  • Vue 3
  • TypeScript
  • Tailwind CSS
  • Pinia
  • TanStack Query

Responsibilities

  • Implemented role-based access for different user groups.
  • Built advanced product filters to find items fast.
  • Delivered sales analytics views for quick insights.
  • Added real-time data updates for a fresh dashboard.
  • Tuned the UI for speed, clarity, and future growth.

Challenges

  • Understanding a mature codebase structure and designing a “smart” router (nested routes, guards, redirects).
  • Keeping real-time dashboards stable under frequent updates and concurrent edits.
  • Selecting and assimilating modern Vue tools/approaches that align with current industry usage.

Achievements

  • Learned and applied production-grade Vue patterns (modular router, guarded routes, lazy-loaded sections).
  • Integrated real-time channels (WebSocket/SSE) for live orders and inventory signals.
  • Shipped a maintainable, readable codebase that is easy to navigate and extend.
  • Adopted current Vue ecosystem practices used in modern projects (store patterns, query caching, route code-splitting).
AdminKingFood— KingFood-BC | Fullstack Developer • Vue 3, TypeScript, Tailwind CSS