Skip to content

Simple React Native UI for listing Magic The Gathering cards

Notifications You must be signed in to change notification settings

fluiddot/magic-the-gathering

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Simple React Native UI for listing Magic The Gathering cards

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%