Frontend Assignment

[kervy-cantos]

Client Management System

A simple client management system built with React, Vite, Zustand, and Tailwind CSS.

🔧 Features

• Auth: Login, Register, Forgot Password
• Client CRUD: Add, Edit, View, Delete
• Search by Name/Company
• Form validation with React Hook Form + Zod
• JSON Server as mock backend

🚀 Getting Started

npm install
npm run dev         # Start dev server
npm run api         # Start JSON Server
npm run build       # Production build
npm run preview     # Preview production build

🧱 Tech Stack

• Frontend: React + Vite + TypeScript
• Styling: Tailwind CSS
• Form Handling: React Hook Form + Zod
• State Management: Zustand
• Image Upload: FileReader + base64 encoding
• Mock Backend: JSON Server
• Testing:
  • Unit: Jest + React Testing Library
  • E2E: Cypress with custom commands