Simple Gin Rummy Score Tracker

Table of Contents

• Description
• For End Users
  • Where to Download the App
  • Usage and Screenshots
• For Developers
  • Installation Instructions
  • Technologies Used
  • Dependencies and Credits
  • Project Structure

Description

This app is a simple score tracker that allows two players to keep track of their scores for a game of gin rummy. If you have improvement suggestions please send them to me at grounded.wanderer@proton.me

Where to Download the App

Use it on the web

Or

Usage and Screenshots

1. After opening the app you can enter the names of the players and, if you'd like, adjust the score that you are playing to.
2. Click Let's go!
3. Once a player gets a gin, click Gin! next to their name
4. If the player scored any additional deadwood points from their oponent's hand enter those in Deadwood count: then click Claim my points!
5. At the end of the game the winning player's name will be displayed
6. You may now exit the app or click Play again! to be taken back to the start screen

Installation Instructions

1. Fork this repo
2. In your copy of the repo click the green Code button and copy the URL
3. If you don't have an Expo account sign up for one
4. Open your IDE

5. cd YOUR_DIRECTORY_FOR_THIS_APP

6. git clone COPIED_URL

7. Run the following in your terminal

   • npm init -y
     npm install

   • eas login

8. npx expo start

   • If there are issues run npx expo start --tunnel instead
   • ^ + c will end the process

Technologies Used

• Expo
• React Native
• JavaScript
• TypeScript

Development Tools

• VS Code
• NPM
• Git

Hosting

• Github

Dependencies and Credits

Package Dependencies

• @expo/vector-icons
• @react-navigation/bottom-tabs
• @react-navigation/elements
• @react-navigation/native
• expo
• expo-blur
• expo-constants
• expo-dev-client
• expo-font
• expo-haptics
• expo-image
• expo-linking
• expo-router
• expo-splash-screen
• expo-status-bar
• expo-symbols
• expo-system-ui
• expo-web-browser
• react
• react-dom
• react-native
• react-native-gesture-handler
• react-native-reanimated
• react-native-safe-area-context
• react-native-screens
• react-native-web
• react-native-webview
• react-native-worklets
• @babel/core
• @types/react
• eslint
• eslint-config-expo
• typescript

Other Credits

• Devicion
• Skillicons

Project Structure

├──.vscode/                           # settings.json lives here
├──app/                               # App pages
   ├──(tabs)/                         # Different app screens
      ├──_layout.tsx
      ├──about.tsx
      └──index.tsx
   ├──_layout.tsx
   └──+not-found.tsx
├──assets/                            # Fonts and images
   ├──fonts/                          # Fonts
      └──SpaceMono-Regular.ttf
   ├──images/                         # Image assets such as icons
      ├──screenshots/                 # Screenshots
         ├──Android/                  # Android screenshots
            ├──phone/                 # Phone screenshots
               ├──gameplay.jpg
               ├──getting_points.jpg
               ├──start.jpg
               └──victory.jpg
            ├──tablet_7/              # 7 inch tablet screenshots
               ├──gameplay.jpg
               ├──getting_points.jpg
               ├──start.jpg
               └──victory.jpg
            └──tablet_10/             # 10 inch tablet screenshots
               ├──gameplay.jpg
               ├──getting_points.jpg
               ├──start.jpg
               └──victory.jpg
         └──iPhone/                   # iPhone screenshots
            ├──gameplay.png
            ├──getting_points.png
            ├──start.png
            └──victory.png
      ├──adaptive-icon.png
      ├──favicon.png
      ├──favicon.xcf
      ├──feature_graphic.png
      ├──icon.png
      ├──icon.xcf
      ├──play_store-icon.png
      ├──splash-icon.png
      └──splash-icon.xcf
   └──styles/                    # Different app screens
├──components/                   # Smaller React components
   └──yellowButton.tsx
├──app.json
├──eas.json
├──eslint.config.js
├──expo-env.d.ts
├──LICENSE
├──package-lock.json
├──package.json
├──PRIVACY_POLICY.md
├──README.md
└──tsconfig.json