Dojo Web Technical Test

Rules

❌ Don't

• Use any AI tools in your IDE
• Use Tailwind

✅ Do

• Use CSS modules or any CSS-in-JS library (Vanilla Extract and Emotion are already installed)
• Use search engines
• Ask questions

Task

Design

• Figma Design

ACs

• As a user, I can see all my transactions on the page.
• As a user, when I enter digits in the search field, transactions are filtered.
• As a mobile user, the transactions are presented in a single column.
• As a desktop user, the transactions are presented as a grid.
• As a user, I can see a summary amount for all transactions today.

Setup

yarn install
yarn dev

Open http://localhost:3000 to view it in the browser.

This is a Next.js project bootstrapped with create-next-app.