This is a demo application created for an interview with Zilch, built using Expo. The app demonstrates a simple banking interface with two main screens:
- Login Screen: A mocked authentication screen that simulates user login
- Home Screen: Displays user's card details and transaction history, fetched from a random API
- Animated header with card details
- Transaction list with pull-to-refresh
- Error handling and loading states
- Haptic feedback
-
Install dependencies
yarn install
-
Start the app
npx expo start
You can run the app on:
- iOS Simulator
- Android Emulator
- Physical device using Expo Go
The app will start on the login screen where you can fill any random email/password and tap the login button to access the home screen. On the home screen, you'll see:
- A card component showing balance and card details
- A scrollable list of transactions
- Pull-to-refresh functionality to reload data
- Animated header that responds to scroll position
- Built with Expo and React Native
- Uses React Query for data fetching
- Implements React Native Reanimated for smooth animations
- Styled with styled-components
- Uses file-based routing
The app integrates with a random data API to simulate:
- Fetching card details
- Loading transaction history
Note: Since this is a demo app, the data is randomly generated on each refresh.