/Marvel-Heroes

🐱‍🏍 - The idea is to create an application with React Native that is able to list Marvel characters with their information, skill points and movies.

Primary LanguageTypeScript

Marvel Heroes

Picture 📸


Application deploy with Expo: 💨

https://expo.dev/@jorkis/Marvel-Heroes

📜 About the Project

This project was made based on a devChallenge. The idea is to create an application with React Native that is able to list Marvel characters with their information, skill points and movies.

📗 User Stories:

  • - Your application must contain a screen where it will list the characters defined by heroes, antiheroes, aliens and humans
  • - User will be able to view more characters by dragging their finger to the side (like a carousel)
  • - Clicking on a character will display information about that character's quality life, abilities and movies
  • - Your app should look as close as possible to the template that is available in the "design" folder

🛠 Technologies

  • React Native
  • Expo
  • React Navigation
  • React Native Svg Transformer
  • TypeScript
  • EditorConfig
  • Eslint
  • Prettier

  • 💻 How to run the application

    Pre-requisites:

    You must have the tools installed: Git, Node.js.

    # In the terminal, clone the project:
    $ git clone https://github.com/Wesley-wsl/Marvel-Heroes.git
    
    # Enter the project folder:
    $ cd Marvel-Heroes
    
    # Install dependencies:
    $ yarn
    or
    $ npm install
    
    # Run the application:
    $ yarn start
    or
    $ npm run start
    

    Okay, now you can access the application from the route: https://localhost:19002/. Use a emulator or your phone scanning the QR Code with Expo GO (App).