Cronos Assignment

A showcase website demonstrating front-end development skills for Cronos' assignment.

Assignment

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.

Name		Name	Last commit message	Last commit date
Latest commit History 41 Commits
.github/workflows		.github/workflows
.husky		.husky
.vscode		.vscode
cypress		cypress
design		design
public		public
screenshots		screenshots
src		src
.env		.env
.eslintrc.json		.eslintrc.json
.firebaserc		.firebaserc
.gitignore		.gitignore
.postcssrc.json		.postcssrc.json
.prettierrc.json		.prettierrc.json
.stylelintrc.json		.stylelintrc.json
README.md		README.md
components.json		components.json
cypress.config.ts		cypress.config.ts
demo-instructions.md		demo-instructions.md
firebase.json		firebase.json
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
style-guide.md		style-guide.md
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vercel.json		vercel.json
vite.config.ts		vite.config.ts