Small app using the Marel's API
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api
build
config
src
static
test
.babelrc
.editorconfig
.gitignore
.postcssrc.js
README.md
index.html
package.json

README.md

Marvel API

A small app using Marvel's API, using Vue.js with Vuetify, Node.js and Express JS 5

Features

  • Display characters from the 100th
  • Working pagination
  • 20 characters per page
  • Loader
  • Add up to 5 characters in a favorites list

How to run the app

Clone

git clone git@github.com:Riwa/marvel-api-vue.git 
cd marvel-api-vue

Install Vue dependencies

From root file (marvel-vue-api)

npm i

Install Node dependencies

cd api
npm i

Launch node server

It's recomanded to use Nodemon to launch the Node server. See https://nodemon.io/

cd api
nodemon server.js

The server will listen at port 3000

Launch Vue app

From root file (marvel-api-vue)

npm run dev

Clear localStorage on http://localhost

Add to favorites function use localStorage for data persistence. Pleas clear localStorage on http://localhost domain and refresh before using this function.

Display app in browser

http://localhost:8080

Test app (Node side / API)

cd api
mocha Api.spec.js

Note : the test can require a timeout to works fine

mocha Api.spec.js --timeout (time in ms)