⚙️ Frontend - Funcionalidades do Sistema

🖥️ Visão Geral

O frontend do Mapa da Acessibilidade é uma aplicação web desenvolvida em React.js que oferece uma interface intuitiva e acessível para mapear e compartilhar informações sobre locais acessíveis para pessoas com mobilidade reduzida. A plataforma foi projetada com foco na experiência do usuário e na colaboração comunitária.

Arquitetura Frontend

Tecnologias Utilizadas

• React.js: Framework principal para desenvolvimento da interface
• Leaflet API: Integração de mapas interativos
• CSS/SCSS: Estilização responsiva e acessível
• JavaScript ES6+: Lógica de interação e manipulação de dados

Estrutura de Páginas

src/
├── pages/
│   ├── Home.css          # Página inicial
│   ├── Home.jsx
│   ├── Cadastro.css      # Cadastro de usuários
│   ├── Cadastro.jsx
│   ├── Login.css         # Autenticação
│   ├── Login.jsx
│   ├── Contato.css       # Contato com equipe
│   ├── Contato.jsx
│   ├── Eventos.css       # Eventos de acessibilidade
│   ├── Eventos.jsx
│   ├── FAQ.css           # Perguntas frequentes
│   ├── FAQ.jsx
│   ├── Local.css         # Detalhes dos locais
│   ├── Local.jsx
│   └── Sobre.css         # Sobre o projeto
│       Sobre.jsx

🔧 Manutenibilidade

Padrões de Código

• Componentes Reutilizáveis: Estrutura modular
• Separação de Responsabilidades: CSS e JavaScript organizados
• Documentação: Comentários e README por componente
• Testes: Cobertura de funcionalidades críticas

🙋 Contribuição

O projeto é open source e aceita contribuições da comunidade. Consulte o guia de contribuição para mais informações sobre como colaborar com o desenvolvimento frontend.