Giter Site home page Giter Site logo

renovatt / valorant Goto Github PK

View Code? Open in Web Editor NEW
12.0 1.0 0.0 23.81 MB

Uma aprensentação do jogo Valorant consumindo sua API

Home Page: https://valorant-renovatt.vercel.app/

License: MIT License

JavaScript 3.44% CSS 4.61% TypeScript 91.95%
aos nextjs nextjs13 pwa react-query tailwind-css typescript valorant valorant-api zustand

valorant's Introduction



Valorant

Bem-vindo ao Valorant App!

Sua principal fonte de informações sobre o fascinante universo de Valorant. Este projeto, cuidadosamente elaborado e impulsionado por paixão, é um recurso completo tanto para jogadores veteranos quanto para novatos, todos em busca de aprimorar suas habilidades e mergulhar profundamente no mundo de Valorant.

É com grande satisfação que apresento este projeto, que transcende o simples consumo de uma API. Ele representa um marco em minha jornada de aperfeiçoamento contínuo. Originado a partir de um projeto inicial durante meus primeiros passos na programação, o Valorant App evoluiu para uma versão completamente otimizada e elegantemente desenvolvida. Explorei o design e aprimorei as animações para proporcionar uma experiência de usuário incomparável.

Dentro deste aplicativo, você encontrará informações abrangentes sobre todos os personagens do jogo, incluindo suas habilidades e até suas vozes distintas. Além disso, oferecemos um catálogo completo de armas, com detalhes sobre estatísticas e skins disponíveis. Não deixamos de fora os mapas estratégicos que são essenciais para o sucesso em Valorant.

Vale a pena ressaltar que cada personagem tem sua própria rota, criada pelo Next.js, com URLs dinâmicas e SEO individualizado, garantindo que os jogadores tenham acesso a informações precisas e relevantes.

Utilizamos várias bibliotecas para estilização e criação de slides, juntamente com o Zustand, que desempenha um papel fundamental em nossa aplicação.

Recursos Destacados:

  • Detalhes de Armas: Explore um catálogo completo de armas, incluindo estatísticas e skins disponíveis.

  • Agentes em Profundidade: Conheça cada Agente em Valorant, com biografias, habilidades e vozes exclusivas.

  • Mapas Estratégicos: Domine todos os mapas do jogo e ganhe vantagem competitiva.

  • Design Apaixonado: Desenvolvemos este projeto com um design elegante e intuitivo, proporcionando uma experiência de usuário envolvente e informativa.


Ver Projeto

Layout mobile

Mobile 1 Mobile 2 Mobile 3 Mobile 4 Mobile 4

Layout web

Web 1 Web 2 Web 3 Web 4 Web 4

🛠️ Tecnologias

💻 Front-end

📚 Bibliotecas

🎨 Estilização

🔋 Versionamento e Deploy


⚙️ Configuranções e Instalações

Clone do Projeto

$ git clone https://github.com/renovatt/valorant.git

Instalando as dependências

$ npm install

Iniciando o projeto

$ npm run dev

Como contribuir?

  • Você pode dar suporte me seguindo aqui no GitHub
  • Dando uma estrela no projeto
  • Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.

Autor Wildemberg Renovato de Lima

valorant's People

Contributors

renovatt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.