Skip to content

Site construído utilizando HTML5, CSS3 E JavaScript Puro. São 4 ferramentas, sorteador de números online, um gerador de senhas aleatórias, conversor de texto entre maiúsculo e minúsculo e um contador de palavras e caracteres.

Notifications You must be signed in to change notification settings

WillianDDaniel/online-web-tools

Repository files navigation

Online Web Tools - WebSite

Descrição Geral

Este projeto consiste em um site simples com uma página inicial e quatro aplicativos distintos.

Cada aplicativo tem uma função específica: um sorteador de números online, um gerador de senhas aleatórias, um conversor de texto entre maiúsculo e minúsculo, e um contador de palavras e caracteres.

O site é construído utilizando HTML, CSS e JavaScript, sem depender de bibliotecas externas. Além disso, o projeto é responsivo, oferecendo suporte aos temas claro e escuro.

Visualize o Projeto ao Vivo:

Clique no link visualizar - https://willianddaniel.github.io/online-web-tools/

Screenshots

White-Mode Screenshot Dark-Mode Screenshot

Estrutura de Pastas

A estrutura de pastas do projeto é organizada da seguinte forma:

raiz do projeto/: Contém a página inicial do site.
/pages: Pasta que contém os quatro aplicativos, cada um em sua respectiva subpasta.
/dist: Pasta que contém o build pronto do projeto, gerado utilizando Vite.

Funcionalidades dos Aplicativos

Sorteador de Números Aleatórios:

  • Gera números aleatórios de forma online.

Gerador de Senhas Aleatórias:

  • Cria senhas seguras e aleatórias.

Conversor de Texto:

  • Converte o texto entre maiúsculo e minúsculo.

Contador de Palavras e Caracteres:

  • Conta o número de palavras e caracteres em um texto.

Temas

O site oferece suporte aos temas claro e escuro persistentes para melhor adaptação às preferências do usuário.

Responsividade

O layout do site foi desenvolvido para ser totalmente responsivo, garantindo uma experiência consistente em diferentes dispositivos e tamanhos de tela.

Build Pronto

Na pasta dist, você encontrará o build pronto do projeto, gerado utilizando Vite. Este build pode ser implantado para hospedagem.

Como Contribuir

Sinta-se à vontade para contribuir para este projeto. Caso encontre algum problema ou tenha sugestões de melhorias, por favor, abra uma issue no repositório.

Executando Localmente

Se precisar executar o projeto localmente, siga os passos abaixo:

Clone este repositório:

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

Navegue até o diretório do projeto:

cd online-web-tools

Rode o projeto, executando o comando:

npm run dev

Abra o navegador e acesse http://localhost:5173/online-web-tools/ para visualizar o site.

About

Site construído utilizando HTML5, CSS3 E JavaScript Puro. São 4 ferramentas, sorteador de números online, um gerador de senhas aleatórias, conversor de texto entre maiúsculo e minúsculo e um contador de palavras e caracteres.

Resources

Stars

Watchers

Forks