HeroesApp 🦸

HeroesApp is an application that interacts with the Marvel API. It displays a list of superheroes and you can view details of each one of them. The content will be displayed based on the default language of the device (or browser).

⚠️Information for reviewers⚠️

Search for 'OBS' in the root project folder. I've added several comments regarding the approach I've taken to solve specific situations.

Tech-stack 🔧

• Angular version: 17.3.6
• Angular CLI version: 17.3.6
• Ionic version: 8.0.0
• Capacitor version: 6.0.0
• ngx-translate version: 15.0.0
• Node version: 20.10.0

Local Setup 💻

Before you can run this project on your local machine, you need to install the necessary dependencies. Follow these steps:

1. Clone the repository

   Use the following command to clone this repository to your local machine:

   git clone https://github.com/arrighidante/HeroesApp.git
   

2. Navigate to the project directory

   Change your current working directory to the project's directory:

   cd HeroesApp
   
   

3. Install dependencies

   Use npm (node package manager) to install all the project dependencies. Run the following command:

   npm install
   
   

4. MARVEL API Keys

   Make sure to use your own API Keys. You can get them from Marvel's official documentation

   • Replace your API Keys in the environment.ts file

Development server to run on your machine

5. Run the application

   Now that you have installed all the necessary dependencies, you can start the application. Use the following command:

   ionic s
   

This will start a development server and open the application in your default web browser. Navigate to http://localhost:8100/. The application will automatically reload if you change any of the source files.