Heroes of the storm Website

Live Site

Introduction

MOBA game website made with React. Responisve Website, Fully PWA, SPA. Hosted by Firebase by google.

Setup

• npm i && npm start

Home page

• Made with Rest api that hosted on Firebase.
• Getting weekly request of selected heroes.

Heroes page

• Dynamic div with brief hero container that moves with the scrolling(on Desktop).
• Extra info presented per hero by clicking More.

Builds page

• Dynamic build container which changed per Hero.

Maps page

• Quick map info that on click expand bottom div to more info.

Components

Search Component

• made with handle change, hooks(UseState,UseEffect).
• Filters between Heroes and Maps.
• Filter by Character place.

Dynamic Build/ Hero Container Component

• Dynamic div container which changed per by the id of the clicked Hero.

Packages used

• React
• Express
• Firebase
• Framer, Framer Motion
• request