Discover and explore the captivating collection of artworks from the Art Institute of Chicago. Browse through the extensive catalog and bookmark your favorite masterpieces for easy access.
- Node.js and npm/yarn
- Xcode (for iOS development)
Clone the repository:
git clone [Repository URL] cd ArtCatalog
Install dependencies:
npm install
or if you're using yarn:
yarn install
📣 Please note: This MVP currently supports only iOS. Android coverage will be addressed in future updates.
-
Install Pods
Navigate to the
iosdirectory and install the necessary pods:cd ios && pod install -
Running on a Simulator
Start the app on the iOS simulator with:
react-native run-iosSpecify a particular simulator by adding the
--simulatorflag followed by the simulator's name, e.g.,--simulator="iPhone 11". -
Running on a Physical Device
To launch on a physical device:
- Open the
.xcworkspacefile within theiosdirectory using Xcode. - Connect your iOS device and select it as the target.
- Hit the play button or
Cmd + Rto build and run the app on your device.
- Open the
- 🎨 Seamlessly integrated with the Art Institute of Chicago API to fetch intricate details of artworks.
- ⚙️ Employs RTK Query for streamlined API calls, reducing redundancy and enhancing performance.
- 📌 Leverages MMKV storage for efficient bookmark management, allowing you to save and revisit your cherished artworks.
- 🖼️ Enhanced progressive image rendering for a fluid and visually pleasing user experience.
- 💀 Engaging skeleton loading indicators during data fetches, assuring users of background activity.
- 📖 A dedicated bookmarks screen to help you manage and view your saved pieces effortlessly.
- 🌌 Experience the magic of shared element transition using Reanimated, making transitions between the gallery list and Artwork detail screen seamless and engaging.
- 🌐 Comprehensive navigation and routing powered by React Navigation for an intuitive user journey.