https://github.com/jdegand/react-native-quizzical
React Native conversion of my scrimba-quizzical repo
https://github.com/jdegand/react-native-quizzical
expo-snack react-native
Last synced: 3 months ago
JSON representation
React Native conversion of my scrimba-quizzical repo
- Host: GitHub
- URL: https://github.com/jdegand/react-native-quizzical
- Owner: jdegand
- Created: 2023-04-21T22:50:46.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-21T22:53:20.000Z (over 3 years ago)
- Last Synced: 2025-06-03T18:47:19.851Z (about 1 year ago)
- Topics: expo-snack, react-native
- Language: JavaScript
- Homepage:
- Size: 86.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quizzical
This is a React native conversion of my previous project [Quizzical](https://github.com/jdegand/scrimba-quizzical).
## Thoughts
- Styling problem - width of the question determines width of the question container - only noticeable when question length is short
- IOS changes not complete - buttons need styling - and gap doesn't seem to be applied - depends on version of ios
- Untouched questions don't get a gray background
- Not ideal to have blue text with a green or red background - so changed text to white - also red / green are not the exact colors used in the figma file
## Useful Resources
- [Forum](https://forums.pixeltailgames.com/t/response-code-overview/19359) - open trivia response codes
- [Stack Overflow](https://stackoverflow.com/questions/61990338/how-to-pass-variable-as-a-parameter-in-api-call-fetch-in-javascript-react-nativ) - pass variable as parameter in api call
- [YouTube](https://www.youtube.com/watch?v=Vk5PpC0gNnA) - React Native Quiz App: Part 2|| Beginner Resume Project || Javascript React React Native
- [Github](https://github.com/devnuggetz/Quizzler) - Quizzler
- [Reddit](https://www.reddit.com/r/reactnative/comments/mh4h1d/how_to_use_react_navigation_themes_inside_a/) - react navigation themes and stylesheet together
- [Stack Overflow](https://stackoverflow.com/questions/55379943/usage-of-important-in-react-native) - style inheritance in react native
- [Custom Fonts](https://blog.logrocket.com/adding-custom-fonts-react-native/) - custom fonts react native
- [Windows Report](https://windowsreport.com/gap-not-working-safari/) - gap not working on safari