2026completed
RTSoft Clothing E-Shop
Semester project developed with RTSoft. A clothing e-commerce application focused on realistic shopping flows, responsive layout, and maintainable UI. Students browse a filterable catalog with product variants, manage a cart, complete a multi-step checkout, and review order history. Admins manage products, orders, and analytics through a separate dashboard. The team ran usability tests with external participants and revised the interface based on their feedback.
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
- Zustand
- TanStack Query
- TanStack Router
- TanStack Table
- i18next
Project Preview
Context
The goal was a realistic e-commerce experience for a semester project with RTSoft, with equal weight on usability, architecture, and maintainable UI design.
Technical Approach
- React SPA with TanStack Router and nested layouts
- TanStack Query for server state
- Zustand for global cart state
- Reusable UI components built with shadcn/ui and Tailwind CSS
- Localization with i18next
Challenges
- Designing a multi-step checkout that did not overwhelm users
- Representing product variants, pricing, and stock accurately
- Building admin tables with sorting, filtering, and order management
- Keeping cart and catalog state consistent across routes
- Adjusting UI decisions after usability testing
What I Learned
- Usability testing surfaced problems I had not anticipated during implementation
- Consistent UI patterns matter more as project scope grows
- Filtering and product variant logic affect both UX and data modeling
- Regular client feedback improved the final result more than late-stage polish alone
Key Features
- Responsive e-commerce experience
- Multi-step checkout flow
- Admin dashboard with analytics
- Product variants and filtering
- Internationalization (CZ / EN)
- Usability testing and UX iteration
Next Project
OMORI Headspace
Interactive OMORI fan site with scroll-driven GSAP animations and detailed front-end work.