🌐 Nexa - Rede Social (Front-End)

Nexa é um projeto pessoal criado por Estevão Amaro com o objetivo de criar uma aplicação front-end completa, simulando uma rede social moderna. Desenvolvido antes do aprendizado de back-end, o projeto possui interfaces detalhadas, páginas separadas e tentativa de integração com serviços como chat, tudo usando apenas HTML, CSS e JavaScript.

---

🎯 Objetivo do Projeto

Construir a estrutura visual e a experiência de usuário de uma rede social, aplicando os conhecimentos de front-end e design de interface aprendidos de forma autodidata.

---

🗂️ Estrutura do Projeto

nexa-rede-social-front-master/
├── homePage/            # Página inicial (landing page com animações e vídeo)
├── mainPage/            # Página principal da rede social com conteúdo dinâmico
└── Services/
    └── Chat/
        └── chat/        # Protótipo de serviço de chat usando React + Vite (não finalizado)

---

📸 Funcionalidades e Layout

📍 homePage/

• Animações de introdução (GIFs e vídeos)
• Logo animada da rede social
• Efeitos de carregamento visual

📍 mainPage/

• Interface do usuário principal (interface de feed)
• Estruturação com index2.html, style.css e script.js
• Imagens e elementos visuais organizados em subpastas

🧪 Services/Chat/chat

• Protótipo de chat desenvolvido com:
  • React
  • Vite
• Projeto não finalizado, mas demonstra tentativa de expandir a rede social com serviços modernos

---

🧱 Tecnologias Utilizadas

• HTML5
• CSS3 (com animações e layout responsivo)
• JavaScript (DOM, interações)
• React (no protótipo de chat)
• Vite (ferramenta de build do chat)

---

▶️ Como Executar

🔹 Visualizar páginas estáticas

1. Acesse a pasta homePage/ ou mainPage/
2. Abra index.html (ou index2.html) com um navegador

🔹 Rodar o protótipo de chat (opcional)

1. Navegue até Services/Chat/chat/
2. Instale dependências:

   npm install

3. Inicie o servidor:

   npm run dev

---

📌 Status do Projeto

• 🔸 Frontend completo: Navegação, identidade visual, interatividade
• 🔸 Backend ausente: Sem autenticação, banco de dados ou funcionalidades dinâmicas reais
• 🔸 Aberto a melhorias: Pode evoluir com backend, API, banco de dados, responsividade aprimorada, etc.

---

👨‍💻 Autor

Desenvolvido por Estevão Amaro
GitHub: @Steve09012004

---

📜 Licença

Projeto de caráter educacional e pessoal. Licenciado sob a MIT License