https://github.com/mudafar/cards-game

https://github.com/mudafar/cards-game

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mudafar/cards-game
• Owner: mudafar
• Created: 2022-08-18T21:02:09.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-08-18T21:23:49.000Z (almost 3 years ago)
• Last Synced: 2025-01-20T23:48:18.868Z (5 months ago)
• Language: TypeScript
• Size: 103 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# cards-game

## Description

### Please note that this is my first time using both Typescript and Tailwind.

   

* Choices:

  * By component folder structure.

  * Some FP paradigm.

  * Accessibility for screen reader.

  * Error boundary.

  

* Tradeoffs:

  * Testing coverage.

  * Responsive for smaller mobile devices.  

 

* Libraries:

  * Redux.

  * react-error-boundary

  * react-confetti

  * @react-hook/window-size

* Could have done better:

  * More testing, specifically abstract the random selection and make it easier for testing.

  * Documentation.

  * Log errors.

  * SEO, SSR and rehydrate.

     

* Estimated time taken to do this exercise: ~ 2.5 days 

## Screenshots and Screen Recordings

https://user-images.githubusercontent.com/3869007/181103985-daaae584-9430-459f-85dc-be60e05681dc.mov

https://user-images.githubusercontent.com/3869007/181104013-a4ad07b5-20f9-4827-bb3a-dc7c20b4fa57.mov