/tierlist

Projeto destinado à criação de um tierlist

Primary LanguageTypeScript

🏆 Tierlist

Um projeto React para criar, compartilhar e importar tierlists de maneira fácil e divertida! 🎉

🚀 Funcionalidades

  • 🖼️ Adicionar Imagens: Insira imagens nas suas tiers para personalizá-las.
  • ➕ Adicionar Linhas: Crie novas linhas na tabela de ranking.
  • 📸 Captura de Tela: Capture a sua tierlist como uma imagem para compartilhar.
  • ☁️ Upload para Firestore: Faça o upload da sua tierlist para Firestore e compartilhe com os amigos por meio de um link.
  • 🌐 Importar Tierlist: Importe uma tierlist utilizando o ID fornecido na URL (ex: ?tierlistId=qgBkk8sHjt3cE1cEL9aj).
tela

🔗 Deploy

O projeto está hospedado na Vercel e pode ser acessado através deste link.

📦 Instalação

  1. Clone o repositório:

    git clone https://github.com/Jordaobm/tierlist

  2. Acesse o diretório do projeto:

    cd tierlist

  3. Instale as dependências:

    npm install

🛠️ Scripts Disponíveis

  • npm run dev: Inicia o servidor de desenvolvimento.
  • npm run build: Compila o projeto para produção.
  • npm run lint: Executa o linter para verificar problemas no código.
  • npm run preview: Visualiza o build de produção localmente.

🛠️ Tecnologias Utilizadas

  • React: Biblioteca para construção da interface do usuário.
  • Vite: Ferramenta de build rápida e leve.
  • TypeScript: Superconjunto de JavaScript que adiciona tipos estáticos.
  • TailwindCSS: Framework de CSS utilitário.
  • Firebase: Utilizado para armazenamento e compartilhamento das tierlists.
  • Radix UI: Componentes acessíveis para React.
  • Axios: Cliente HTTP baseado em Promises.
  • html2canvas: Biblioteca para capturar telas.
  • React Router DOM: Navegação e roteamento para aplicações React.
  • UUID: Geração de identificadores únicos.

✨ Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests.

  1. Fork o projeto.
  2. Crie uma nova branch: git checkout -b minha-nova-funcionalidade.
  3. Faça suas alterações e commit: git commit -m 'Adicionar nova funcionalidade'.
  4. Envie para o branch principal: git push origin minha-nova-funcionalidade.
  5. Abra um pull request.

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

👨‍💻 Autor

Feito de 💖 por Jordão Beghetto Massariol.

Se você gostou do projeto, deixe uma ⭐️ no repositório!