---

A front-end made with ReactJS that gets data from the Call of Duty platform and gives you a badge based on your skills.

---

I've developed this frontend in order to fetch data from an official Call Of Duty API based on the game mode called Warzone. It gets your Battle.net scores and gives you a badge based on your stats. This is my first approach using styled-components with ReactJS. I also made a simple express server to fetch data from the server-side and then send it to the frontend because of the security needed to access Activision API.

UI/UX

I also developed the UI/UX from this project. The prototype can be found

Techs used

This application was made using this the following Techs:

• Node.js
• Express
• React
• Node-CallOfDuty
• styled-components
• Typescript

⚙ How to setup project

This project have two "parts"

1. Backend(mini)
2. Frontend

Requirements

Tools needed: Git

Node.js

🧭 How to run the backend:

# Clone this repo
$ git clone https://github.com/rossignolli/warzone-stats

# Go to the main folder and run
$ npm install or yarn add

# Don't forget to create .env file with yours credentials
USER=youemailhere@mail.com
PASSWORD=mysupersecretpassword

# run the application
$ node index.js

# server will start on :3333 - go to http://localhost:3333 

🧭 How to run the frontend:

# Go to web/
$ npm install or yarn add
# Run
$ yarn start

Screens

📱 My social Media

Let's chat?

TODOS:

BE MORE RESPONSIVE

---

Feito com ❤️ by Vitor :)