Running Man

Demonstração

Sobre | Funcionalidades | Tecnologias | Como visualizar | Licença

❗ Sobre

Este repositório é destinado a aplicação "Running Man" desenvolvida para aprimorar meus estudos sobre bibliotecas e frameworks modernos e notórios ao mercado atual, tais como Next.js, TailwindCSS, Ant Design, Recharts, dentre outros.

📷 Funcionalidades

Além de possuir autenticação com Next-Auth (Google), a plataforma tem duas funcionalidades principais: Gráficos e Notas. A parte de gráficos é voltada para criação de gráficos utilizando a biblioteca "Recharts", onde foi possível criar gráficos modernos, responsivos e personalizáveis, como visto abaixo:

Além disso, a aba de notas é responsável por fazer uma chamada à uma fake API, através do Server-Side-Rendering (SSG), para o JSON Placeholder, e mostrar esses dados ao usuário através de uma tabela com paginação pelo Ant Design, onde foi possível personalizar respostas a partir dos dados fornecidos (status de finalizado ou não):

🚀 Tecnologias

Este projeto foi criado com as seguintes tecnologias:

• TypeScript
• React
• Next
• Next Auth
• Recharts
• TailwindCSS
• Ant Design
• Phosphor Icons
• Highlight Words

🔍 Como visualizar

Pelo seu terminal, execute os seguintes comandos para executar a aplicação localmente:

  # Clone o repositório
  git clone github.com/LeoHPC/Running-man.git
  
  # Acesse a pasta do projeto
  cd running-man
  
  # Instale as dependências 
  npm i
  
  # Rode o projeto
  npm run dev
  
  # Acesse http://localhost:3000/

Ou, simplesmente, clique aqui para ser redirecionado para o site da aplicação!

📝 Licença

Este projeto é licenciado sobre a licença MIT. Veja a LICENÇA para mais informações.

---

Feito com ❤ por Leonardo Henrique 😗 Contato