F20 é uma aplicação web desenvolvida para jogadores de Dungeons & Dragons (D&D) que desejam criar, gerenciar e compartilhar suas fichas de personagem de forma digital e acessível.
O objetivo é substituir a ficha de papel tradicional por uma versão online interativa, onde o jogador pode cadastrar todos os detalhes do seu personagem e vincular essa ficha a diferentes "Histórias" ou "Campanhas" das quais participa.
- Criação de Personagem: Um fluxo guiado para criar sua ficha de D&D (provavelmente 5ª Edição) do zero, preenchendo atributos, raça, classe, antecedentes, etc.
- Gerenciamento Completo: Edite e atualize facilmente estatísticas, pontos de vida, inventário, lista de magias, proficiências e habilidades.
- Múltiplos Personagens: Crie e armazene várias fichas de personagem em uma única conta.
- Gestão de Histórias: Crie "Histórias" (ou Campanhas) e adicione seus personagens a elas, permitindo um acompanhamento fácil de qual personagem pertence a qual aventura.
Este projeto foi construído utilizando tecnologias modernas de front-end:
- React: Biblioteca principal para a construção da interface de usuário.
- TypeScript: Superset do JavaScript que adiciona tipagem estática, aumentando a robustez e a manutenibilidade do código.
- Styled-Components: Para estilização componentizada.
- React Router: Para gerenciamento de rotas na aplicação.
- Context API: Para gerenciamento de estado global.
Siga as instruções abaixo para configurar e executar o projeto em seu ambiente de desenvolvimento local.
Você precisará ter o Node.js (que inclui o npm) instalado em sua máquina.
- Clone o repositório:
git clone https://github.com/F20Org/f20-front
- Navegue até o diretório do projeto:
cd seu-repositorio - Instale as dependências:
ou, se você usa yarn:
npm install
yarn install
Para iniciar o servidor de desenvolvimento:
npm startou, se você usa yarn:
yarn start