https://github.com/darthinvader/boardgamevendor

An app that searches board games from the popular websites boardgamegeeks.com and displays them as well as letting you create a list of favorites
https://github.com/darthinvader/boardgamevendor

axios-react game react react-router scss-framework

Last synced: 2 months ago
JSON representation

An app that searches board games from the popular websites boardgamegeeks.com and displays them as well as letting you create a list of favorites

• Host: GitHub
• URL: https://github.com/darthinvader/boardgamevendor
• Owner: darthinvader
• Created: 2021-07-24T15:18:30.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-08-08T12:22:19.000Z (almost 5 years ago)
• Last Synced: 2025-02-04T21:19:40.169Z (over 1 year ago)
• Topics: axios-react, game, react, react-router, scss-framework
• Language: JavaScript
• Homepage:
• Size: 798 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  Board game vendor



This is a react based application power by create-react-app to search board games and save them as favorites in a json-server through axios.


---

Search


The search functionality uses axios to post a request to the json api of boardgamegeek. In order to do that it uses an intermidiate site called cors-anywhere to bypass the cors restrictions in the browser.

Search fetches the ten(10) first results and displays them.

You can hit the little heart icon to add the board game to your favorites list through an axios request to an internal json-server.

![Search Preview](https://i.imgur.com/IiQIPSjh.png)

---

Favorites

 

Favorites use axios to get, delete and update the favorites from the json-server. You can delete a favorite by clicking on the little red heart icon.

![Favorites Preview](https://i.imgur.com/oLcRg9vh.png)


---

Technologies


- Reactjs

- React-Router

- Axios

- json-server

- CRUD

- SPA(Single Page Application)

- scss

---

Setup


Clone this repo and run `npm install` to install all dependencies.

Then run `npm install -g json-server` to install json server globally.

---

Usage


After completing the setup above, go to the root folder and run `npm run db` to start the json-server.

Then run `npm start` to start the server and open the app in your browser.