Bem-vindo à minha coleção de projetos HTML, CSS e JavaScript! Esta postagem do blog fornece uma visão geral abrangente de vários projetos que criei, apresentando diferentes aspectos do desenvolvimento web. Cada projeto está disponível em seu próprio repositório, que inclui todo o código que você precisa para explorar e aprender.

Índice

• Introdução
• Visão geral do projeto
• Começando
• Contribuindo
• Autor

Introdução

Como desenvolvedor web, gosto de trabalhar em uma variedade de projetos que me ajudam a refinar minhas habilidades em HTML, CSS e JavaScript. Desde simples calculadoras até aplicações mais complexas, estes projetos demonstram diferentes técnicas e melhores práticas em desenvolvimento web. Abaixo, você encontrará uma lista selecionada de projetos, cada um com um link para seu respectivo repositório GitHub.

Visão geral do projeto

Aqui está um resumo dos projetos em que trabalhei:

1. Notícias Abhi ki

   • Um aplicativo de notícias que agrega e exibe as últimas manchetes.
   • Ver código

2. Gerador de conselhos

   • Gera conselhos aleatórios para fornecer dicas úteis aos usuários.
   • Ver código

3. Calculadora de idade

   • Uma ferramenta para calcular a idade com base na entrada da data de nascimento.
   • Ver código

4. Relógio Analógico

   • Exibe um relógio analógico funcional usando JavaScript.
   • Ver código

5. Cartão de artigo

   • Um componente de cartão estilizado para mostrar artigos.
   • Ver código

6. Calculadora de IMC

   • Calcula o Índice de Massa Corporal com base na entrada do usuário.
   • Ver código

7. Temporizador de contagem regressiva

   • Um cronômetro que faz a contagem regressiva até uma data e hora especificadas.
   • Ver código

8. Simulador de lançamento de dados

   • Simula o lançamento de dados com um gerador de números aleatórios.
   • Ver código

9. Bateria

   • Um kit de bateria virtual que permite aos usuários tocar diferentes sons de bateria.
   • Ver código

10. FAQ Acordeão

    • Uma seção de perguntas frequentes em estilo acordeão para sites.
    • Ver código

11. Jogar moeda

    • Uma simulação simples de lançamento de moeda.
    • Ver código

12. Foco no dia

    • Ajuda os usuários a se concentrarem nas tarefas diárias com uma interface de usuário focada.
    • Ver código

13. Hambúrguer gastronômico

    • Um menu de hambúrguer estiloso para sites relacionados a comida.
    • Ver código

14. Calculadora de empréstimos

    • Calcula pagamentos de empréstimos com base nas informações do usuário.
    • Ver código

15. Formulário de login

    • Um formulário de login básico com validação de formulário.
    • Ver código

16. Calendário do mês

    • Exibe um calendário para qualquer mês.
    • Ver código

17. Calculadora de hipoteca

    • Calcula pagamentos de hipotecas com base em vários dados.
    • Ver código

18. Página inicial de notícias

    • Um layout de página inicial para um site de notícias.
    • Ver código

19. Formulário de inscrição no boletim informativo

    • Um formulário para os usuários assinarem boletins informativos.
    • Ver código

20. Gerador de senha

    • Gera senhas seguras com opções personalizáveis.
    • Ver código

21. Temporizador Pomodoro

    • Um cronômetro para ajudar na produtividade usando a Técnica Pomodoro.
    • Ver código

22. Cartão de perfil

    • Um componente de cartão para exibir perfis de usuários.
    • Ver código

23. Gerador de código QR

    • Gera códigos QR com base na entrada do usuário.
    • Ver código

24. Tesoura de Papel Pedra

    • Um jogo de Rock Paper Scissors implementado em JavaScript.
    • Ver código

25. Calculadora Simples

    • Uma calculadora básica para realizar operações aritméticas.
    • Ver código

26. Comércio eletrônico de tênis

    • Uma página de comércio eletrônico para tênis com listas de produtos.
    • Ver código

27. Conversor de temperatura

    • Converte temperaturas entre Celsius, Fahrenheit e Kelvin.
    • Ver código

28. Controle deslizante de depoimentos

    • Um componente deslizante para exibir depoimentos de usuários.
    • Ver código

29. Gerador de conversão de texto em fala

    • Converte a entrada de texto em palavras faladas usando a Web Speech API.
    • Ver código

30. Jogo da Velha

    • Um clássico jogo Tic-Tac-Toe implementado em JavaScript.
    • Ver código

31. Calculadora de gorjetas

    • Calcula o valor da gorjeta com base na fatura e na porcentagem da gorjeta.
    • Ver código

32

. Lista de tarefas
- Um aplicativo simples de lista de tarefas para gerenciar tarefas.
- Ver código

1. Conversor de peso
   • Converte pesos entre unidades diferentes.
   • Ver código

Começando

Para clonar e executar qualquer um desses projetos localmente, siga estas etapas:

1. Clone o repositório:

   git clone https://github.com/abhishekgurjar-in/html-css-javascript-projects.git

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

   cd 

1. Abra o projeto em seu navegador: Abra o arquivo index.html em seu navegador para ver o projeto em ação.

Contribuindo

Se você quiser contribuir com algum desses projetos, siga estas diretrizes:

1. Bifurque o repositório.
2. Crie um novo branch para suas alterações.
3. Comprometa suas alterações e envie-as para seu repositório bifurcado.
4. Crie uma solicitação pull com uma descrição de suas alterações.

Autor

Abhishek Gurjar