Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arrighidante/heroesapp
Superheroes Angular 17 + Ionic 8
https://github.com/arrighidante/heroesapp
angular capacitor ionic marvel-api
Last synced: about 1 month ago
JSON representation
Superheroes Angular 17 + Ionic 8
- Host: GitHub
- URL: https://github.com/arrighidante/heroesapp
- Owner: arrighidante
- Created: 2024-04-27T15:28:43.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-12-17T19:02:54.000Z (about 1 month ago)
- Last Synced: 2024-12-17T20:17:45.383Z (about 1 month ago)
- Topics: angular, capacitor, ionic, marvel-api
- Language: TypeScript
- Homepage:
- Size: 400 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HeroesApp :superhero:
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 :wrench:
- 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 :computer:
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:
```bash
git clone https://github.com/arrighidante/HeroesApp.git
2. **Navigate to the project directory**
Change your current working directory to the project's directory:
```bash
cd HeroesApp
3. **Install dependencies**
Use npm (node package manager) to install all the project dependencies. Run the following command:
```bash
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:
```bash
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.