Skip to content

AR097/Practice-Front-end

Repository files navigation

Projects-WEB Development

Projects create for studying HTML, CSS and JS | Each folder references a single project.
Last Commit Open Issues Forks Stars

---Important---

Projects create for studies, the code may be buggy.

Índice:

  1. Buscador de Cep
  2. Button dark/white
  3. Cronomêtro
  4. Drag and Drop
  5. Galeria Estilo Pinterest
  6. Hamburguer menu
  7. Image slide
  8. Interactive Bubble
  9. Jogo da corbrinha
  10. KanBan Board
  11. Login/Cadastro
  12. Modelo Site_001
  13. Modelo Site_002
  14. Modelo Site_003
  15. Netflix_replicando_PAGINA_LOGIN
  16. Netflix_replicando_PAGINA_USERS
  17. Projetos curso WEB

Projetos

Buscador de Cep
Descrição:
Este projeto é uma aplicação React que permite aos usuários buscar informações detalhadas sobre um CEP (Código de Endereçamento Postal) brasileiro. A interface é simples e intuitiva, consistindo em um campo de entrada para o CEP e um botão de pesquisa. Quando o usuário insere um CEP válido e clica no botão de pesquisa, a aplicação faz uma chamada a uma API para obter informações relacionadas a esse CEP.

📌 Visite o repositorio deste projeto

Preview:
Button dark/White
Descrição:
Botão que permite ao usuario a alternancia entre os temas escuro e claro em paginas web

📌 Visite o repositorio deste projeto

Preview:
Cronômetro
Descrição:
O projeto consiste em um aplicativo de cronômetro desenvolvido utilizando tecnologias web (HTML, CSS e JavaScript). O objetivo principal é fornecer uma ferramenta simples e funcional para medir o tempo com precisão.

📌 Visite o repositorio deste projeto

Preview:
Drag and Drop
Descrição:

O projeto "Drag and Drop" é uma implementação prática e interativa que utiliza HTML, CSS e JavaScript para criar um sistema de organização baseado em arrastar e soltar (drag and drop).
📌 Visite o repositorio deste projeto

Preview:
Galeria Estilo Pinterest
Descrição:

Galeria simples no estilo pinterst desenvolvida a fim de prática.
📌 Visite o repositorio deste projeto

Preview:
Hamburguer menu
Descrição:

O projeto de menu de hamburguer é uma implementação comum em desenvolvimento web para criar uma interface de navegação responsiva e acessível.
📌 Visite o repositorio deste projeto

Preview:
Image slide
Descrição:

Caixa de slide simples com timer para seguir para a proxima imagem automaticamente e com botoes para o usario clicar.
📌 Visite o repositorio deste projeto

Preview:
Interactive Bubble
Descrição:

Este projeto é um jogo interativo de bolhas, desenvolvido utilizando a biblioteca Matter.js para simular a física. O jogo apresenta uma série de bolhas coloridas com efeito espelhado, oferecendo uma experiência visualmente atraente e dinâmica.
📌 Visite o repositorio deste projeto

Preview:
Jogo da cobrinha
Descrição:

Controle uma cobra que cresce cada vez que come uma maçã, mas cuidado: a cobra não pode colidir com as paredes nem consigo mesma!
📌 Visite o repositorio deste projeto

Preview:
KanBan Board
Descrição:

O projeto Kanban Board é uma aplicação web desenvolvida utilizando HTML, CSS, JavaScript. Ele permite organizar tarefas em um formato de quadro Kanban, onde as tarefas são visualizadas em colunas que representam diferentes estados do fluxo de trabalho.
📌 Visite o repositorio deste projeto

Preview:
Login/Cadastro
Descrição:

Uma aplicação web simples para login e cadastro de usuários, com autenticação básica e interface intuitiva.
📌 Visite o repositorio deste projeto

Preview:
Modelo Site_001
Descrição:

Este site foi projetado para atender às demandas básicas, com quatro seções: Página Inicial, Sobre, Serviços e Contato.
📌 Visite o repositorio deste projeto

Preview:
Modelo Site_002
Descrição:

Modelo de site empresarial de uma única página, desenvolvido em HTML, js e CSS, com um design intuitivo que destaca diretamente o seu ramo de atividade. Este modelo é cuidadosamente projetado para enfatizar o espaço físico da empresa, apresentar a equipe, exibir o portfólio de forma atrativa e listar os serviços oferecidos pela empresa. Com uma experiência de navegação simples e envolvente, ele dispensa páginas secundárias, mas inclui links estratégicos para redes sociais, contato e formulários de orçamento. Todos os detalhes essenciais sobre sua empresa são apresentados de maneira clara e acessível em um só lugar. Ideal para empresas que buscam uma presença online elegante e eficaz, este modelo garante que seus visitantes tenham uma visão completa e atraente de tudo o que sua empresa tem a oferecer.
📌 Visite o repositorio deste projeto

Preview:
Modelo-Site_003
Descrição:

Website front-end projetado especialmente para fotógrafos e editores. Este site combina uma estética moderna e minimalista com uma funcionalidade robusta, ideal para destacar seus serviços, portfólio e recomendações dos clientes.
📌 Visite o repositorio deste projeto

Preview:
Netflix_replicando_PAGINA_LOGIN
Descrição:

Copy of the page on Netflix - LOGIN page. (Project developed for practice)
📌 Visite o repositorio deste projeto

Preview:
Netflix_replicando_PAGINA_USERS
Descrição:

Copy of the page on netflix - USERS page. This page has created with based my knowledge at HTML, CSS, and JS. (Project developed for practice)
📌 Visite o repositorio deste projeto

Preview:
Projetos curso WEB
Descrição:


📌 Visite o repositorio deste projeto

Preview: