Simple React Native UI for listing Magic The Gathering cards.

• Simple app that basically lists all the cards of Magic The Gathering and displays some information
• The project has been created with Expo. Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React
• Magic The Gathering provides an awesome API for fetching the data
• The app has been checked only on web device, not ios and android

For this project, I have used Expo to crete an architecture based on components made with React Native. I have used React Hooks instead of classes in order to have a more scalable code. I have used Jest for unit testing of the components.

Tech

The technologies that I have used are:

• [JavaScript] - ES6
• [HTML5]
• [CSS3]

Libraries:

• [React Native]
• [React Native Elements]
• [Jest]

Installation

Get started with Node to use everything in the JS ecosystem, including Expo and React Native. It's recommend using the latest Node version to run.

You will run Expo locally to package, serve, and publish your projects

$ cd magic-the-gathering
$ npm install expo-cli --global

Install the dependencies and devDependencies

$ npm install

Run the web server

$ npm run web

If you want to run the tests

$ npm run test

Browse to your local website with a browser

Open your browser and go to the address http://localhost:19006/ and you should see your local website.

Thank you so much for your time