Skip to content

shadahmad7/guess-x

Repository files navigation

Guess-X

• A game to understand components, styling and layout in React Native:

• guessing-game logic and random number generation

• switching between 3 screens (start game, game, game over)

• custom components (header, card, button)

• color theming with constants

• custom fonts with expo-font (AppLoading)

• custom wrapper components (TitleText, BodyText) and global styles (default-styles)

• custom icons with @expo/vector-icons

• displaying local images and online images

• styling (TextInput, nested Text, list and list items)

• using Scrollview and FlatList with flexbox

• using React Native APIs (Alert, Keyboard, Dimensions, Platform)

• using React hooks (useState, useEffect, useRef)

• responsive and adaptative UI (device orientation with ScreenOrientation, dynamic layout with Dimensions and hooks)

• platform-specific code for iOS and Android (Platform)

© Based on React Native - React Native - The Practical Guide by Maximilian Schwarzmüller.

Download Expo-client App on android or ios and scan the barcode to run the App

Some ScreenShots

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published