⚡ Valorant Wiki ⚡

About ❔

This is an app that shows users details about Valorant Agents, weapons and maps.

Here is the live version:https://valorant-wiki.pages.dev/

Flow ?

When you start the app it welcomes you with fetched agents from the API. The user can filter the agents or go into their detail page by clicking on the card. There are 4 types of agents and user can filter them by clicking their icons on filter tab. In the header there are two buttons named “Weapons” and “Maps” and the user can go to their page. In Agent Detail page if the user clicks on agents name his/her voiceline kicks in.

a Stack ?

  • React
  • Typescript
  • Tailwind
  • Hooks
  • React Router
  • Redux Toolkit
  • Axios

    • Screenshots ?

    Main Screen

    Main Screen with Filter

    Filtered Agents

    Selected Agent

    Weapons

    Maps

    GitHub

    View Github