https://github.com/nearhuscarl/tyme-tha
https://github.com/nearhuscarl/tyme-tha
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nearhuscarl/tyme-tha
- Owner: NearHuscarl
- Created: 2023-12-02T17:54:17.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-03T10:38:11.000Z (almost 2 years ago)
- Last Synced: 2025-01-04T03:10:25.633Z (10 months ago)
- Language: TypeScript
- Size: 767 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Marketplace
## Getting Started
```
yarn
yarn dev
```
## What have you done so far?
- Scaffolded the project using ViteJS and setup routing, state management, and UI framework using various libs & fws.
- Structure the project to be more scalable and maintainable at the start using module-based architecture.
- Created [a form](https://github.com/NearHuscarl/tyme-tha/blob/master/src/app/modules/marketplace/components/Filters.tsx) on the left sidebar to filter the cards by multiple criteria.
- All form fields are optional and the form can be submitted with no fields selected.
- The form can be reset to its initial state by clicking the reset button.
- The tags list is a multi-select field that allows the user to filter based on multiple attributes (theme & tier).
- Created a simple UI to display [character cards in a grid](https://github.com/NearHuscarl/tyme-tha/blob/master/src/app/modules/marketplace/components/CharacterGrid.tsx).
- The cards by default are not sorted.
- The cards are not paginated. User can click the "View more" button to load the next 8 cards.
- The cards can be sorted by price.
- The characters are updated every 60 seconds using the current filters.
## What would you have done if you had more time?
- Add some kind of indicator to show the user that the characters are being updated.
- Make the UI more responsive.
- Maybe setup some unit & integration tests.
- More testings on the UI.
## How many hours you actually spent finishing the assignment?
Nearly 4 hours.