Eteco
O Eteco é uma iniciativa desenvolvida por alunos da ETEC Deputado Salim Sedeh, em Leme-SP, com o objetivo de enfrentar o desafio crescente do descarte inadequado de resíduos eletroeletrônicos. O projeto nasceu da necessidade de conectar a população aos pontos de coleta corretos, promovendo a preservação ambiental e a saúde pública através da tecnologia.
A plataforma centraliza informações sobre onde e como descartar aparelhos sem uso, oferecendo ferramentas interativas que facilitam a jornada do usuário em busca de uma atitude mais sustentável.
Principais Funcionalidades
- Mapa de Ecopontos: Integração de um mapa interativo que permite aos cidadãos localizar os pontos de descarte mais próximos em sua região.
- Informativo Ambiental: Um agregador de notícias atualizado que mantém os usuários informados sobre iniciativas locais, projetos de reciclagem e eventos sustentáveis em Leme.
- Educação e Conscientização: Seções dedicadas à explicação sobre os perigos do e-lixo e os benefícios da reciclagem correta para o ecossistema.
- Design Moderno e Responsivo: Interface construída com foco na experiência do usuário (UX), garantindo fluidez e acessibilidade tanto em dispositivos móveis quanto em desktops.
Stack Técnica
| Camada | Tecnologias |
|---|---|
| Frontend | Next.js 14, React, Framer Motion |
| Backend | Node.js (Express), Puppeteer |
| Linguagem | TypeScript |
| Estilização | Tailwind CSS |
| Banco de Dados | MySQL |
Desafios Técnicos e Aprendizados
O desenvolvimento do Eteco envolveu a superação de obstáculos técnicos significativos, consolidando conhecimentos avançados em arquitetura de software e integração de sistemas.
- Atualização Automatizada de Notícias: A implementação do Puppeteer no backend permitiu a coleta automatizada (scraping) de notícias ambientais de fontes confiáveis, garantindo que o portal esteja sempre atualizado sem intervenção manual constante.
- Consistência de Dados com TypeScript: O uso de TypeScript em todo o ecossistema (frontend e backend) foi crucial para garantir a segurança dos dados e reduzir erros de tipagem, especialmente na integração com o banco de dados MySQL via Zod para validação.
- Animações e Interface Viva: A utilização do Framer Motion permitiu a criação de transições suaves e estados visuais que tornam a navegação mais engajadora e intuitiva, elevando o padrão estético do projeto acadêmico.
Impacto e Propósito
O Eteco não é apenas um site, é uma ponte entre a tecnologia e a preservação do meio ambiente, incentivando a comunidade a dar o primeiro passo para um futuro melhor hoje.
