Giter Club home page Giter Club logo

dbs-scraper's Introduction

DBS Scraper & Deck Builder (WIP) Travis Status

Visit the Github Page of this project at hay-espacio-en-el-taco.github.io/dbs-scraper.

Running this project with VSCode

First you will need to download and install VSCode (v1.33.1 or better) & Docker

Running & debugging Scraper app

  • Open VSCode
  • Move to Debug tab in VSCode.
  • Select Run Scraper in the dropdown menu next to run button.
  • Click the Run button (F5).
  • Enjoy your breakpoints! =D

Running the React App (UI)

  • Open VSCode.
  • Go to "Terminal" > "Run Task..." and run the next tasks:
    • If it's the first time you run this app run the Get cards.json file into web-page folder task.
    • Run the Run react app (detached) task.
  • Wait for it to build your app. Please note that first time may take several minutes.
  • Visit http://localhost:3000/ in your browser.

Updating the url list to get the newest cards

Add the new urls in DBS_DATA_URLS array located at ./scraper/src/index.js file.

Running this project with Docker

Download & install Docker

Build it

docker build -t dbs-scraper .

Run it

  • Run docker run --rm --name scraper -p 80:3000 dbs-scraper
  • Now visit http://localhost/

Running for development

  • Download the latest cards.json file from the releases section of this repo
  • Copy the cards.json file into the /web-page/src folder
  • Run docker run -it --rm --name scraper -v ${PWD}/web-page/src:/home/node/app/web-page/src -p 80:3000 dbs-scraper (note that we are mounting a volume)
  • Now visit http://localhost/

dbs-scraper's People

Contributors

dependabot[bot] avatar goosemejia avatar jarv1193 avatar jprask avatar metalvegetarianoprogresivo avatar robertoochoaaldana avatar xotl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

dbs-scraper's Issues

Mock up

Create a mockup using MarvelApp

UI: All filters are used as 'or' instead of a mix of 'and/or'

Currently, if we try to do a search like Goku's Lineage and we want to add to the search all cards that have also Saiyan as the special trait, we got a search for all Goku's Lineage or all Saiyan cards. As we can see in the image below, we got a Leader card Son Goku & Pan which is a Saiyan/Earthling/Great Ape card.

image

Acceptance criteria:
Card Type, Color, Energy and Combo Energy should be treated as OR. Other fields should be AND.

UI: Energy is displaying incorrectly

The energy cost displayed on the card description has a bug where it shows the total energy cost plus the required energy cost. This should be fixed as follows:

Current:
image

Fixed:
image

Acceptance criteria:

  • Energy cost should be displayed with the generic energy cost followed by the required energy cost.

UI: Make use of the filter buttons

Currently, the buttons for the filters do not work properly.
The proper behavior is to click on them and make the proper filter work.
Also, as a nice to have, the button should be deactivated once the filter is active.

image

UI: Sticky menu does not work properly on mobile

Currently, the sticky menu and display do not work properly on mobile. Check the video for more information on the behavior.

Oct-15-2019 11-40-52 AM

Acceptance criteria:

  • On mobile, the sticky menu should not move when typing.

Scrapper: Power, energy and comboPower should be numbers

When updating the database for the cards, energy, power and comboPower are added as a string instead of being a number. This is a blocker for future updates where we can search by a laxer search for numbers (i.e. search all cards that have 3 or less energy).

Acceptance criteria:

  • energy should be a number on the json.
  • power should be a number on the json.
  • comboPower should be a number on the json.

UI: Remove filter when click on an active filter button

When adding a new filter using the FilterButton, the new buttons highlight indicating it is active. But when clicking it again does not remove the filter.

image

Acceptance criteria:
Click on an active filter button should remove the filter.

UI: Remove duplicated filters

With the use of the filter buttons, now the app has some duplicated filter (i.e. Energy, Color, Card Type). We need to remove them from the list since these are no longer needed.

image

Acceptance criteria:

  • cardType should be removed from the list.
  • energy should be removed from the list.
  • color should be removed from the list.
  • comboEnergy should be removed from the list.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.