A sample project to demonstrate how to consume Google Calendar REST API in React Native using the Clean Architecutre.

Screen-shots:

How to run?

• Create a .env file in the root directory.
• Add following configurations to it:

  REQUEST_TIMEOUT=10000
  GOOGLE_CALENDAR_BASE_URL=https://www.googleapis.com/calendar/v3/
  GOOGLE_CALENDAR_API_KEY=YOUR_API_KEY
  

• Run npm install to install the dependencies and then run it on your device/emulator using npx react-native run-android.

Dependencies:

• React Native
• React Native Navigation
• TypeScript
• Axios

Architecture:

• The Clean Architecture - with some improvements

Features:

• Implementation of the clean architecture, with some improvements that makes the code highly scalable for both online-first & offline-first approach.
• Screen navigation implemented using React Native Navigation.
• Fetch public holidays from Google Calendar REST API.
• Show the holidays list using a FlatList component.
• A sample custom Button component with Activity Indicator to show progress during loading.

TODOs:

• Add error handling for API failure
• Integrate Redux - if needed
• Integrate Unit testing using Jest
• Configure path aliases/absolute paths
• Add skeleton loading screen