Zocket Assignment for front-end develepor role

Working-Frontend.mp4

Responsive-Design.mp4

Performance-Test.mp4

Key Performance Metrics:

• Cummulative Layout Shift (CLS Score) < 1 as suggested by Google
• First Contentful Paint = Last Contentful Paint ~ 1.4s
• Good Accessibility Score

---

Tech Stack [ Made with Typescript ]

• Vite (for server)
• React (for frontend framework)
• Tailwind (for css framework)
• Zustand (for state management)
• Lucide (for icons)
• Fontsource (for fonts)
• React-Color (for color-picker)

---

How to run

Clone the code

git clone https://github.com/iam4tart/zocket-frontend.git

Install Dependencies

npm install

Start the webapp in developer mode

npm run dev