Project : React Brawl Stars App

A web application that I prepared to work with React JS using the Brawl Stars API.

Table of contents

• Project : React Brawl Stars App
  • Table of contents
  • The challenge
  • Project Skeleton
  • Screenshot
  • Links
    • Built with
    • Useful resources
  • Installation
  • Author
  • Contact

The challenge

Creating a simple web application to fetch data from the API and work with styled components and React.

Project Skeleton

|----README.md
├── public
│     └── index.html
├── src
│    ├── assets
│    │       └── [images]
│    ├── auth
│    │       └──firebase.js
│    ├── components
│    │       ├── Cards.jsx
│    │       ├── Header.jsx
│    │       ├── Navbar.jsx
│    │       └── ScrollButton.jsx
│    ├── pages
│    │       ├── About.jsx
│    │       ├── Detail.jsx
│    │       ├── Events.jsx
│    │       └──Home.jsx
|    ├── router
│    │       └── AppRouter.jsx
│    ├── styles
│    │       ├── About.styled.jsx
│    │       ├── Card.styled.jsx
│    │       ├── Detail.styled.jsx
│    │       ├── Events.styled.jsx
│    │       ├── Flex.styled.jsx
│    │       ├── GlobalStyles.jsx
│    │       ├── Header.styled.jsx
│    │       ├── Home.styled.jsx
│    │       ├── Navbar.styled.jsx
│    │       └──UpButton.styled.jsx
│    ├── App.js
│    ├── App.css
│    ├── index.js
│    └── index.css
├── package.json
└── package-lock.json

Screenshot

Links

---

Check The Live Website ➡️ Live Website

---

Built with

• React Components, States and Hooks
• API GET request
• Axios
• React-Router
• Styled-Components
• JSX Elements
• CSS custom properties

Useful resources

• W3 Schools
• MDN

Installation

Use the Npm package manager install command.

npm install

---

Author

• Author - [Murat Hüdavendigâr]

Contact