test-assignment-aderize Tailwind Templates

Test Assignment Aderize

Responsive dashboard app for managing teams and members, built with React, Redux, Tailwind, and MSW.

// README.md

Dashboard for Team Management

Build a responsive, single-page application that displays and manages a list of teams and their members using a fake API (provided). The app should allow listing, filtering, and editing of team data.

✨ Tech Stack

  • React + TypeScript
  • Redux Toolkit for state management
  • Tailwind CSS for styling
  • Mock Service Worker (MSW) for API mocking during development

šŸš€ Getting Started

Install dependencies

npm install

Start development server

npm run dev

Build for production

npm run build

Preview production build

npm run preview

šŸ›  Mock Service Worker Setup

If you are using MSW (Mock Service Worker) in development, you need to initialize the service worker script:

Step 1: Generate the Service Worker

npx msw init public/ --save

This will create the mockServiceWorker.js file inside your public/ directory.

Step 2: Verify the file structure

project-root/
ā”œā”€ā”€ public/
│   └── mockServiceWorker.js

Step 3: Restart Vite dev server

npm run dev

āš ļø If this file is missing, MSW will fail to register and show a MIME type error in the browser console.

Top categories

Loading Svelte Themes