Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/cansirin/wowdrops
- Owner: cansirin
- Created: 2021-07-27T20:20:47.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-25T00:26:13.000Z (about 3 years ago)
- Last Synced: 2023-03-02T19:37:34.638Z (over 1 year ago)
- Topics: amplify, apollographql, react
- Language: TypeScript
- Homepage:
- Size: 463 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)