react-native-marvel-api-demo

react-native-marvel-api-demo is my first experience about Cross-Platform Mobile App Development using React Native that coded via TypeScript.

Context API has been used for state management and theme.

Data have been fetched from Marvel API.

Requirements

You must create a Marvel Developer Account here.

After you do this, you may read the Authentication doc for generating API Key and Hash here

Then, in project's code, you should search for "YOURAPIKEY" and "YOURHASH" keywords and replace all with yours, otherwise project will be down or will not run as expected.

Installation of Some Important Dependencies

Expo, react-native-paper, @react-navigation/native, @react-navigation/stack, @react-navigation/material-bottom-tabs, @react-navigation/drawer, @react-navigation/bottom-tabs and axios have been used to develop this demo.

Before, I installed globally some packages.

npm install -g @react-native-community/cli
npm install -g expo-cli

Creation of Project:

Running

Install all dependecies:

yarn

Run project via Expo on LAN:

yarn start

Or run project via Expo on Tunnel:

yarn start --tunnel

You can run this project on you smart phone by scanning QR code on this Expo Project Link.

Some Screens

---

---

---

---

---

---

---

---

License

MIT