react-memory-game
react-memory-game copied to clipboard
Memory game created with React to study TypeScript
:flower_playing_cards: React Memory Game
This is a memory game created with React, TypeScript and Styled Components.
:heart: Motivation
I want to learn TypeScript to understand more about the types used in public libraries and frameworks such as React, React Native and Axios. I also want to create my own libraries to contribute with the awesome JavaScript community.
A lot of companies are using TypeScript to build large and scalable projects, because it improves the intellisense, the documentation and prevent errors when the customers are using the software.
I strongly believe that TypeScipt is something that I need to learn in order to became a better software developer.
:bulb: TODO
- [x] Create project with create-react-app
- [x] Create folder structure
- [x] Config Eslint, Prettier and TypeSctipt
- [x] Create Global Styles
- [x] Install and create store with redux and react-redux
- [x] Setup styled-components theme provider and theme reducer
- [x] Create game menu to choose dificulty
- [x] Create control buttons (play, pause and restart)
- [x] Create game card and main layout
- [x] Create timer
- [x] Create the game logic
- [x] Create the win message modal
- [x] Make the game responsive
- [x] Switch themes
:man: Author
Luan Eduardo da Costa | Follow me on Linkedin