HTTP ANIME CODE

	# Olá! Sou Lucas Aversi e esse projeto exibe códigos HTTP com animações de forma divertida. Espero que gostem! 😊

📖 Visão Geral

O Anime HTTP Status Code é uma aplicação web que exibe códigos HTTP e suas respectivas mensagens de forma visual e interativa. Ele exibe os códigos de status como cards, onde cada card tem uma animação de transição de frente para trás, mostrando mais detalhes sobre o status HTTP.

A aplicação é projetada para ser responsiva, garantindo uma experiência de usuário fluida em desktops, tablets e dispositivos móveis.

🛠 Tecnologias Utilizadas

• Next.js (15.2.0): Framework de React para desenvolvimento de aplicações web.
• React: Biblioteca para construção da interface do usuário.
• Styled-components (6.1.15): Utilizado para estilização de componentes com suporte a CSS dinâmico.
• Anime-http-status-code: API personalizada para representar códigos HTTP com animações.
• Lucide-react: Biblioteca de ícones para o front-end.
• React-icons: Biblioteca de ícones com suporte a fontes de ícones populares.
• TypeScript: Para garantir tipagem estática e melhorar a experiência de desenvolvimento.

🌟 Funcionalidades

• Exibição de Códigos HTTP: Cada código de status HTTP é exibido em um card com animação interativa.
• Animação de Cards: O card do status HTTP vira quando o usuário interage com ele, mostrando mais detalhes no verso.
• Design Responsivo: A interface foi projetada para ser completamente responsiva, se ajustando a diferentes tamanhos de tela, incluindo desktop, tablets e celulares.
• Interatividade: O layout foi feito para ser intuitivo e agradável, com um foco em animações e interações visuais.

🚀 Link para Deploy

O projeto está disponível online! Você pode acessar o deploy da aplicação no seguinte link:

Anime HTTP Status Code - Deploy

📸 Prints da Aplicação

Veja abaixo alguns prints da aplicação em funcionamento:

🔧 Como Rodar o Projeto

1. Clone o Repositório

Clone o repositório para a sua máquina local utilizando o comando:

git clone https://github.com/SeuUsuario/anime-http-status-code.git

2. Instale as Dependências

Navegue até o diretório do projeto e instale as dependências com o comando:

npm install

3. Execute o Projeto

Inicie o projeto com o comando:

npm run dev

Isso irá rodar o servidor de desenvolvimento e abrir a aplicação no seu navegador.

4. Acesse a Aplicação

Acesse a aplicação no seu navegador usando o endereço:

http://localhost:3000

Agora, você pode ver o aplicativo exibindo os códigos HTTP com animações interativas de forma divertida!

---

📝 Licença

Esse projeto está licenciado sob a MIT License.