Estore Warepoint

# Project Overview **Estore Warepoint** demonstrates advanced frontend engineering capabilities. My primary role was to build a scalable, interactive, and highly performant e-commerce interface that provides a premium user experience. ## 🛠️ Tech Stack & Key Skills - **Frontend:** Next.js 16 (App Router), React 19 - **Styling & UI:** Tailwind CSS, Radix UI, Shadcn/ui, Lucide React - **Data Fetching:** TanStack Query (React Query), Axios - **State Management:** Redux Toolkit, Redux Persist - **Validation & Testing:** Zod, React Hook Form, Component Testing ## Key Contributions ### 1. Interactive UI/UX Design I designed and implemented a "Wow" factor user interface. Focus areas included: - **Dynamic Animations:** Created engaging micro-interactions and page transitions to keep users engaged. - **Responsive Layouts:** Ensured pixel-perfect rendering across all devices, from mobile to 4K desktops. - **Radix UI Implementation:** Leveraged headless UI primitives to build accessible, custom design components like Modals, Popovers, and Accordions. ### 2. Complex API Integration Seamlessly connected the frontend with backend services: - **TanStack Query:** Implemented advanced caching strategies to reduce server load and provide instant UI feedback (optimistic updates). - **Axios Interceptors:** Built a robust networking layer to handle JWT authentication, automatic token refresh, and global error handling. ### 3. Reliability & Testing - **Form Validation:** Used **Zod** schema validation with **React Hook Form** to ensure data integrity and provide real-time user feedback. - **Performance Optimization:** Achieved high Core Web Vitals scores by optimizing LCP and CLS through efficient asset loading and component architecture.