LuanEdCosta / react-memory-game

Memory game created with React to study TypeScript

Home Page:https://react-memory-game-865c8.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🎴 React Memory Game

This is a memory game created with React, TypeScript and Styled Components.

❤️ 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.

💡 TODO

  • Create project with create-react-app
  • Create folder structure
  • Config Eslint, Prettier and TypeSctipt
  • Create Global Styles
  • Install and create store with redux and react-redux
  • Setup styled-components theme provider and theme reducer
  • Create game menu to choose dificulty
  • Create control buttons (play, pause and restart)
  • Create game card and main layout
  • Create timer
  • Create the game logic
  • Create the win message modal
  • Make the game responsive
  • Switch themes

👨 Author

Luan Eduardo da Costa | Follow me on Linkedin

About

Memory game created with React to study TypeScript

https://react-memory-game-865c8.web.app/

License:MIT License


Languages

Language:TypeScript 95.1%Language:JavaScript 3.6%Language:HTML 1.3%