https://github.com/dojo-engineering/web-tech-test
https://github.com/dojo-engineering/web-tech-test
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/dojo-engineering/web-tech-test
- Owner: dojo-engineering
- Created: 2025-06-06T14:49:39.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-23T14:13:26.000Z (11 months ago)
- Last Synced: 2025-07-23T16:19:46.629Z (11 months ago)
- Language: TypeScript
- Size: 256 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.figma.com/design/Y4mmptgroZf7FtYCvIPDKW/Design-System-Eng-Task?node-id=4129-1176&m=dev)
### 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.
### Setup
```bash
yarn install
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/pages/api-reference/create-next-app).