https://github.com/iondrimba/marvel-api-explorer

:mortar_board: PWA - Exploring Marvel's API with React + Redux
https://github.com/iondrimba/marvel-api-explorer

front-end js marvel-api marvel-comics mobile-first offline-first pwa react-redux reactjs reactjs-demo spa swipe-gestures

Last synced: about 1 month ago
JSON representation

:mortar_board: PWA - Exploring Marvel's API with React + Redux

• Host: GitHub
• URL: https://github.com/iondrimba/marvel-api-explorer
• Owner: iondrimba
• License: mit
• Created: 2017-01-08T20:44:41.000Z (over 8 years ago)
• Default Branch: main
• Last Pushed: 2023-03-21T11:34:13.000Z (about 2 years ago)
• Last Synced: 2024-10-11T00:53:51.499Z (7 months ago)
• Topics: front-end, js, marvel-api, marvel-comics, mobile-first, offline-first, pwa, react-redux, reactjs, reactjs-demo, spa, swipe-gestures
• Language: JavaScript
• Homepage: https://marvelapi.iondrimbafilho.me
• Size: 19.6 MB
• Stars: 51
• Watchers: 4
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# :mortar_board: Marvel API Explorer

![build](https://github.com/iondrimba/marvel-api-explorer/workflows/build/badge.svg?branch=main)

![deploy](https://github.com/iondrimba/marvel-api-explorer/workflows/deploy/badge.svg?branch=main)

[![Coverage Status](https://coveralls.io/repos/github/iondrimba/marvel-api-explorer/badge.svg)](https://coveralls.io/github/iondrimba/marvel-api-explorer)

![Demo](https://github.com/iondrimba/images/blob/master/marvel-demo.gif?raw=true)

## About

This is a personal project built in my spare time for learning purposes.

It uses the official [Marvel API](https://developer.marvel.com/docs)

## Features

* PWA

* Responsive

* Offline ready

* Installable (add to Homescreen )

* Swipe gestures for pagination

* Pull to refresh keeps current pagination page

## Running

```bash

npm start

```

## Testing

```bash

npm test

```

or

```bash

npm run start:watch ## watch/tdd mode

```

## Built with

* ES6

* Sass

* React + Redux

* Jest

* VSCode

* WebPack

## Todo

* Write more tests(especially jsx components)

* Refactor bits of code

* Add more mobile friendly gestures