Skip to content

An elegant website showcasing Marvel Snap game cards with search and filtering capabilities.

Notifications You must be signed in to change notification settings

Flodreey/Marvel-Snap-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Marvel Snap Logo

Marvel Snap App

Marvel Snap is an outstanding strategic card game. This project retrieves information about Marvel Snap cards, including their names, powers, costs, abilities and more, from https://marvelsnapzone.com/getinfo/?searchtype=cards&searchcardstype=true. The gathered data is then elegantly presented, allowing a great browsing experience. Additionally the website offers users targeted card searches and the application of filters and sorting preferences within the card database.

Quickstart

  1. Clone the project to your system:
https://github.com/Flodreey/Marvel-Snap-App.git

  1. In your terminal navigate to the "backend"-folder of the project and run the following commands:
npm install
npm run start

which will install all node dependecies and start the backend server (If you don't have node yet, download it here: Node.js).


  1. Now you can open the "index.html" file in the "frontend"-folder and view the card database.

Contributions

Contributions and suggestions for improvement are always welcome!

Screenshots

Screenshot 1: Card Database

Card Database



Screenshot 2: More card information when clicking on a card

More card information when clicking on a card



Screenshot 3: Switch between variants

Switch between variants



Screenshot 4: Search for cards

Search for cards



Screenshot 5: Applying filters and sorting preferences

Applying filters and sorting preferences

About

An elegant website showcasing Marvel Snap game cards with search and filtering capabilities.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published