Valorant Project

A simple web application that displays information about VALORANT agents and weapons using the VALORANT API. Built with Vue.js and Tailwind CSS.

Features 🚀

• View all playable VALORANT agents
• Detailed agent information including abilities and roles
• Browse all VALORANT weapons
• Detailed weapon statistics and information
• Responsive design for mobile and desktop

Tech Stack 🛠️

• Vue.js 3
• Vue Router
• Tailwind CSS
• VALORANT API

Deployment 💫

The project is deployed on Vercel: Live Demo

API Reference ⚡

This project uses the VALORANT API to fetch game data.

Acknowledgments 📚

• VALORANT for the game
• VALORANT API for providing the data
• Tailwind CSS for the styling framework
• Vue.js for the frontend framework

Project Setup

1. Clone the repository git clone

   https://github.com/ansengarie/valorant-project.git
   

2. Install dependencies

   npm instal
   

3. Create .env file and add API URL

   VUE_APP_BASE_URL=https://valorant-api.com/v1
   

4. Build for production

   npm run build
   

Development

To start development server with hot-reload:

npm run serve

To compile and watch Tailwind CSS:

npm run tailwind

Customize configuration

See Configuration Reference.