https://github.com/alexzajac/marvelize

React app displaying Marvel characters in a grid layout
https://github.com/alexzajac/marvelize

docker express marvel-api nodejs react

Last synced: about 2 months ago
JSON representation

React app displaying Marvel characters in a grid layout

• Host: GitHub
• URL: https://github.com/alexzajac/marvelize
• Owner: alexZajac
• License: mit
• Created: 2019-12-18T16:37:00.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T18:09:03.000Z (over 2 years ago)
• Last Synced: 2025-02-03T09:58:16.431Z (4 months ago)
• Topics: docker, express, marvel-api, nodejs, react
• Language: JavaScript
• Homepage:
• Size: 20.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Marvelize

React app displaying Marvel characters in a grid layout.

![](https://media.giphy.com/media/rj12FejFUysTK/source.gif)

This challenge was realized in the process of a Software Engineering challenge for [SmartRenting.](https://smart-renting.com/)

The project runs a Node server in one container, serving a react-app in another and all wrapped up with Docker Compose.

## Preview

![demo](./demo.gif)

## Development

```docker-compose up``` 

The two folders are mounted in their own docker containers and volume-mounted. Open http://host:3000 (where host is localhost for docker desktop and docker-machine id for VMs).

## Production

```docker-compose -f docker-compose.prod.yml up``` 

The app is compiled and built into its own docker container, that is opened with docker-compose as as service. Open http://host:8080 (where host is localhost for docker desktop and docker-machine id for VMs).