Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cansirin/wowdrops

A web application/game where user pick a box and get 5 card out of it to earn gold and buy cosmetics or do other quests. - Tech Stack: Typescript, ReactJS, Apollo, Graphql, AWS Amplify, Styled Components
https://github.com/cansirin/wowdrops

amplify apollographql react

Last synced: about 5 hours ago
JSON representation

A web application/game where user pick a box and get 5 card out of it to earn gold and buy cosmetics or do other quests. - Tech Stack: Typescript, ReactJS, Apollo, Graphql, AWS Amplify, Styled Components

Awesome Lists containing this project

README

        

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.tsx`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

To be able to make this project work, you have to create a file named `credentials.json` in main folder and fill in your Blizzard Client Credentials. ( You can take a look at the `credentials.example.json` )

Screenshots
---

![localhost_3000_home](https://user-images.githubusercontent.com/8138047/138617786-744f1924-1d8e-4d80-b9ab-6dacca86c351.jpg)
![lcoalhost_3000_home_rare](https://user-images.githubusercontent.com/8138047/138617845-dc79558a-f34d-47be-8fd5-087478f9b9ae.jpg)
![localhost_3000_box_pear](https://user-images.githubusercontent.com/8138047/138617852-a3f36c71-10b3-4233-930a-9df25c3cc7de.png)
![localhost_3000_items](https://user-images.githubusercontent.com/8138047/138617865-06a6b2ae-800a-4ae3-bbbb-4437774d1538.png)

Colors
---
![localhost_3000_colors](https://user-images.githubusercontent.com/8138047/138618862-f1f62c4a-384e-4987-8dab-b148f6158d36.png)