Bem-vindo ao "What To Draw"! Este é um projeto simples em React que desenvolvi como parte dos meus estudos iniciais com a biblioteca. A ideia é gerar contextos aleatórios para inspirar desenhos de forma rápida e divertida.
A aplicação consiste em uma tela única que exibe duas palavras aleatórias ao clicar em um botão:
- Um substantivo/personagem/pessoa (em inglês).
- Uma ação/adjetivo/local (em inglês).
A combinação dessas duas palavras serve como um ponto de partida criativo para um desenho.
- Geração aleatória de ideias para desenho (com base em uma lista pré-definida).
- Interface simples e intuitiva com um único botão.
- Animação de "roleta" ao gerar novas palavras.
- Design responsivo e visual descontraído.
Este projeto foi construído com as seguintes tecnologias:
- React: Biblioteca JavaScript para construir interfaces de usuário.
- Vite: Ferramenta de build rápida para desenvolvimento front-end moderno.
- Tailwind CSS: Framework CSS utility-first para estilização.
- JavaScript: Linguagem de programação principal.
- HTML & CSS: Estrutura e estilos base.
Se você quiser executar este projeto na sua máquina local, siga os passos abaixo:
- Clone o repositório:
git clone [https://github.com/SEU_USUARIO/NOME_DO_SEU_REPOSITORIO.git](https://github.com/SEU_USUARIO/NOME_DO_SEU_REPOSITORIO.git)
- Navegue até o diretório do projeto:
cd NOME_DO_SEU_REPOSITORIO - Instale as dependências:
npm install
- Inicie o servidor de desenvolvimento:
A aplicação estará disponível em
npm run dev
http://localhost:5173(ou outra porta indicada no terminal).
- Adicionar mais categorias de palavras para maior variedade.
- Permitir que o usuário escolha categorias específicas.
- Implementar um tema escuro/claro.
- Melhorar as animações ou adicionar mais interatividade.
Este projeto foi uma ótima experiência de aprendizado. Sinta-se à vontade para explorar o código e dar sugestões!