README.md

SWU Card Gallery Dev Challenge 👋

A Mobile-first Expo app for displaying Star Wars Unlimited cards, with opportunities for enhancement and optimization. This project uses Expo with TypeScript and React Native.

Features

**Modal that displays card information, providing a detailed view of a selected card. **The sort buttons when selected apply a glowing shadow effect and a different background color **Conditional rendering is used to display only the card information that is available **A loading animation is displayed while data is being fetched

🚀 Getting Started

1. Clone Github repo (https://github.com/Calypso90/SCI-fe-dev-challenge-mobile)

2. Install dependencies:

   yarn install

3. Start the development environment:

   # The app requires a proxy for API access
   yarn web-with-proxy   # For web development
   # or
   yarn ios-with-proxy   # For iOS
   # or
   yarn android-with-proxy # For Android

🛠️ Development Tools

• Testing: yarn test
• Linting: yarn lint
• Validation: yarn validate

📱 Available Scripts

• yarn web-with-proxy: Start web development with API proxy
• yarn ios-with-proxy: Start iOS development with API proxy
• yarn android-with-proxy: Start Android development with API proxy
• yarn test: Run tests
• yarn lint: Run linting

🧪 Testing

The app includes unit tests for core functionality. Run them with:

yarn test

📚 Resources

• Expo Documentation
• React Native Animation Guide
• React Native Reanimated