Sykell Challenge - Frontend

This is the frontend git submodule for the Sykell Challenge. built with React, TypeScript, MUI, TanStack Router, Zustand, and Tailwind CSS.

For the setup, see the setup repo.

Tech Stack

• React
• Typescript
• Material UI
• Tanstack Router
• rsbuild
• Zustand
• Playwright E2E tests
• Biome linter and formatter
• Socket IO Client

End-to-End Testing

E2E tests are written with Playwright.

Run all E2E tests:

npx playwright test

Next steps

• Settings page for the user
• Bulk actions
• Animated UI
• Theme switcher
• Admin mode
• Auto refresh JWT tokens
• Husky hooks for automatic linting before commits
• Use Open API specs to automate the API calls
• Improve the UI
• Integrate Storybook
• Write unit and integration tests
• Write more E2E tests