Wesley-wsl / 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.

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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).

    About

    πŸ±β€πŸ - The idea is to create an application with React Native that is able to list Marvel characters with their information, skill points and movies.

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


    Languages

    Language:TypeScript 97.2%Language:JavaScript 2.8%