🛠️ Online Web Tools

📋 Descrição Geral

Um conjunto de ferramentas web gratuitas e acessíveis para uso diário. Este projeto consiste em um site intuitivo com uma página inicial e cinco aplicativos úteis, cada um projetado para resolver problemas específicos.

🔗 Visualize o Projeto ao Vivo

📱 Screenshots

🧰 Ferramentas Disponíveis

🎲 Sorteador de Números Aleatórios

Gere números aleatórios rapidamente dentro de intervalos personalizados.

🔐 Gerador de Senhas Aleatórias

Crie senhas seguras e aleatórias com opções personalizáveis de complexidade.

🔄 Conversor de Texto

Transforme textos entre maiúsculo e minúsculo com facilidade.

📊 Contador de Palavras e Caracteres

Analise seu texto com estatísticas detalhadas de palavras e caracteres.

🔍 Comparador de Textos

Compare dois textos e identifique as diferenças entre eles.

🌓 Temas

O site oferece suporte a temas claro e escuro persistentes para melhor adaptação às preferências do usuário. A seleção de tema é salva automaticamente para visitas futuras.

📱 Responsividade

O layout do site foi cuidadosamente desenvolvido para ser totalmente responsivo, garantindo uma experiência consistente e agradável em:

• 💻 Desktops
• 💻 Laptops
• 📱 Tablets
• 📱 Smartphones

🧩 Tecnologias Utilizadas

Este projeto foi construído utilizando tecnologias web fundamentais, sem dependências externas:

• HTML5 - Estruturação semântica
• CSS3 - Estilização moderna e responsiva
• JavaScript - Lógica e interatividade
• Vite - Build e otimização

📁 Estrutura de Pastas

online-web-tools/
├── index.html                    # Página inicial
├── pages/                        # Aplicativos individuais
│   ├── sorteador/                # Sorteador de números
│   ├── gerador-de-senhas/        # Gerador de senhas
│   ├── conversor-de-texto/       # Conversor de texto
│   ├── contador-de-caracteres/   # Contador de palavras
│   └── comparador-de-texto/      # Comparador de textos
├── assets/                       # Recursos compartilhados
│   ├── css/
│   └── js/
└── dist/                         # Build pronto para produção

🚀 Como Executar Localmente

Pré-requisitos

• Node.js (versão recomendada: 14.x ou superior)
• npm ou yarn

Instalação

1. Clone este repositório:

   git clone https://github.com/WillianDDaniel/online-web-tools

2. Navegue até o diretório do projeto:

   cd online-web-tools

3. Instale as dependências:

   npm install
   # ou
   yarn

4. Inicie o servidor de desenvolvimento:

   npm run dev
   # ou
   yarn dev

5. Abra o navegador e acesse:

   http://localhost:5173/online-web-tools/
   

📦 Build para Produção

Para gerar uma versão otimizada para produção:

npm run build
# ou
yarn build

Os arquivos de build estarão disponíveis na pasta dist/.

🤝 Como Contribuir

Contribuições são sempre bem-vindas! Siga estes passos:

1. Faça um fork do projeto
2. Crie sua branch de feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

🐛 Reportando Problemas

Encontrou um bug ou tem uma sugestão? Abra uma issue detalhando o problema ou a melhoria proposta.

📜 Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para detalhes.