A showcase website demonstrating front-end development skills for Cronos' assignment.
Visit live site: https://cronos-assignment.web.app/
This project follows these instructions and is built according to the design image files.
- Build with React and TypeScript.
- Adopt the Vitamin template, which utilizes Vite as a build tool and incorporates best practices for React projects.
- Ensure code consistency and formatting with ESLint and Prettier, and integrate them into the workflow via Husky and lint-staged.
- Utilize TanStack Query for efficient data fetching, caching, and synchronization.
- Style using the atomic approach with Tailwind CSS, alongside clsx and tailwind-merge, to prevent style conflicts and enhance readability.
- Leverage shadcn/ui for ready-to-use components.
- Automate deployment to Firebase Hosting through GitHub Actions for continuous integration.
- Adopt an atomic approach to state management with Jotai.
- Implement self-hosted fonts using Fontsource.
- Error handling