Artur-Poffo / Valorant-Guide

One of the projects in the Entra21 training program, the project consists of creating a website with a theme you like and then making a presentation

Valorant-Guide

One of the projects in the Entra21 training program, the project consists of creating a website with a theme you like and then making a presentation

Status: Finished

About • Features • Layout • How it works • Tech Stack • Author

About

Valorant Guide - Is a project focused on agents in the game Valorant, in it you can see the data of each agent in real time, a project of the Entra21 training program

---

Features

• See the interface and animations
• Request agents from a public API - valorant-api
• Responsive Design
• Request data from a specific agent with dynamic routing

---

Layout

Homepage

About section

Agents list section

Agent Page Layout

---

How it works

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine: Git, Node.js and the pnpm package manager.

In addition, it is good to have an editor to work with the code like VSCode.

Running the project

# Clone this repository
$ git clone https://github.com/Artur-Poffo/Valorant-Guide.git

# Access the project folder cmd/terminal
$ cd Valorant-Guide

# install the dependencies
$ pnpm install

# Run the application in development mode
$ pnpm dev

# The server will start at port: 3000 - go to http://localhost:3000

---

Tech Stack

The following tools were used in the construction of the project:

• React.js
• Next.js
• Typescript
• @radix-ui/react-tooltip
• axios
• Framer-Motion (Lib for animations)
• Tailwind CSS (Lib for styles)
• react-configurable-carousel

See the file package.json

---

Author

• Artur Poffo - Developer

---