Valorant Database

A website for viewing Valorant game assets, items, and esports matches.

This project was bootstrapped with Create React App.

Demo

View the application at Valorant-DB.

Features

• Collection of Valorant assets and items such as agents, weapons and their skins, maps, and player cards.
• Hoverable items reveal more when clicked.
• Esports match information; live scores, upcoming matches and previous results.

Documentation

API's used for data:

• Valorant-API
• Built an API using Node/Express | rib-scrpr

NPM Packages used:

• react
• axios
• react-router-dom
• framer-motion
• react-scroll

Run Locally

Clone or download repository

  git clone https://github.com/ohersi/Valorant-DB.git

Go to the app directory

  cd valorant-db

Install dependencies

  npm install

Start the server

  npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Lessons Learned

• Working with external APIs
• Creating an API
• Adding custom data to API json data
• Creating pages that link to one another using React Router
• Animating using Framer Motion
• Better understanding of CSS styling and media query for responsive page

Acknowledgements

• Framer Motion
• Valorant