Experimental
Shop Management System
LearningManagementFull-stack
Overview
A personal learning project built to discover React and Next.js by building a shop management system from scratch — a hands-on entry point into the React ecosystem beyond Vue.
Target
A personal sandbox to explore modern React patterns and Next.js conventions in a practical context.
Mission
Learn React and Next.js by building something real — not tutorials in isolation, but a working management app that forced understanding of the App Router, components, and TypeScript patterns.
Challenges
- Mapping familiar Vue concepts to React's component and state models
- Understanding Next.js App Router architecture and file-based routing
- Building a coherent app while still learning the framework fundamentals
What I Learned
Next.js App Router architecture and project structure
React ecosystem patterns — components, hooks, and data flow
TypeScript patterns in a React/Next.js context
Modern frontend workflows outside the Vue/Nuxt stack
Technologies
Next.jsReactTypeScript