https://github.com/risingstack/colorblinder
An example React-Native game for the series "Learning React-Native as a React developer: a definitive guide".
https://github.com/risingstack/colorblinder
Last synced: 3 months ago
JSON representation
An example React-Native game for the series "Learning React-Native as a React developer: a definitive guide".
- Host: GitHub
- URL: https://github.com/risingstack/colorblinder
- Owner: RisingStack
- Created: 2019-01-28T15:30:14.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-08T20:50:22.000Z (about 3 years ago)
- Last Synced: 2025-04-12T17:48:35.199Z (9 months ago)
- Language: JavaScript
- Size: 4.37 MB
- Stars: 29
- Watchers: 4
- Forks: 10
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# colorblinder
An example React-Native game for the series "Learning React-Native as a React developer: a definitive guide".
## Getting Started
This project is a demo app for the RisingStack blog series "Dart and Flutter crash course for JS developers".
Read the series here 👇
- [Part I: Getting Started with React Native](https://blog.risingstack.com/a-definitive-react-native-guide-for-react-developers/) - intro, key concepts & setting up our developer environment
- [Part II: Building our Home Screen](https://blog.risingstack.com/a-definitive-react-native-guide-for-react-developers-part-2/) - splitting index.js & styles.js, creating the app header, and so on..
- [Part III: Creating the Main Game Logic + Grid](https://blog.risingstack.com/a-definitive-react-native-guide-for-react-developers-part-3/) - creating multiple screens, type checking with prop-types, generating our flex grid
- [Part IV: Bottom Bar & Responsible Layout](https://blog.risingstack.com/a-definitive-react-native-guide-for-react-developers-part-4/) - also, making our game pausable and adding a way to lose!
- [Part V: Sound and Animation](https://blog.risingstack.com/react-native-tutorial-animation-and-sound/) + persisting data with React-Native AsyncStorage
- [Part VI: Testing, Responsive Design, ESLint](https://blog.risingstack.com/react-native-expo-unit-testing-jest/) - and finishing the project.