Marvelous App

A GatsbyJS test project that consumes Marvel's public API

🚀 Live Demo

👾 Libraries used

• axios: HTTP Client
• react-lazyload: Lazy load images and components
• react-infinite-scroll-component: Infinite scroll
• sass: CSS Pre-processor

👨‍💻 Quick start

1. Clone the repo

   # Clone using SSH
   git clone git@github.com:LuisHCK/marvelous-app-test.git
   
   # Clone using https
   git clone https://github.com/LuisHCK/marvelous-app-test.git
   

2. Add your dotenv

   # .env.develop and .env.production
   GATSBY_APIKEY=my-sexy-api-key
   GATSBY_SERVER_URL=https://gateway.marvel.com/v1/public/
   

3. Start developing with docker.

   Navigate into your new site’s directory and start it up.

   cd marvelous-app-test/
   docker-compose up --build
   

4. Open the code and start customizing!

   The site is now running at http://localhost:8000!

   Edit src/pages/index.js to see your site update in real-time!