Riot Games All in One

CONTENT and DATA

My project is a wiki-style website that provides information about the games LoL and Valorant, developed by Riot Games. All APIs belong to the Riot Games.

PAGES

It is a website consisting of 9 pages.

- Home Page

- LoL Page

- Champions Page

- Champion Page

- Regions Page

- Valo Page

- Agents Page

- Maps Page

- Arsenal Page

Also, if you try to access a site that doesn't exist.

- Not Found Page

Some Screenshots

LoL Home #1

LoL Home #2

LoL Champions #1

LoL Champions #2

LoL Champions #3

LoL Champion #1

LoL Champion #2

LoL Champion #3

LoL Region #1

LoL Region #2

LoL Region #3

Valo Home #1

Valo Agents #1

Valo Maps #1

Valo Maps #2

Valo Arsenal #1

Valo Arsenal #2

Not Found #1

DEVELOPMENT

All pages has responsive design.

Here are some of the tools I use:

- Axios for fetch

- React Hooks for data & state management

- SCSS for styling

- i18next & react-i18next for multi-language (EN | TR)

- Material UI Library for some React Components

- React-Lazy-Load for lazy loading

- uuid for unique id

- Swiper for touchable slider

DEPLOYMENT

- Vercel

I preferred Vercel for the deployment phase. You can access it via this link.

- Localhost

If you want to run this site in your local, you can clone the project. After that, you can simply follow the steps below in your terminal.

npm install
npm start

When you get the notification which shows that the terminal is running successfully, the browser will most likely open automatically the website. But if it doesn't, you can go to the http://localhost:3000.

ME

This project was developed by Güney Eroğlu.