O Projeto Jornada Milhas é uma aplicação web desenvolvida com Angular. Este projeto aborda diversos aspectos do desenvolvimento front-end, desde a criação de componentes reutilizáveis, organização da aplicação, implementação de autenticação segura, utilização do Angular Material até a implementação de funcionalidades avançadas e integração com APIs externas.
Componentização Angular: O projeto utiliza amplamente os princípios de componentização para criar uma arquitetura de aplicação reutilizável e organizada.Angular Material: A interface da aplicação é desenvolvida utilizando o Angular Material, aproveitando seus componentes visuais prontos para criar uma experiência de usuário moderna e atraente.Ícones com Angular Material: Ícones são integrados à interface utilizando a biblioteca Angular Material, adicionando elementos visuais significativos e intuitivos.Variáveis de Ambiente: Utilização de variáveis de ambiente para configurar e personalizar a aplicação de acordo com diferentes ambientes (desenvolvimento, produção, etc.).Controle e Validação de Formulários: Implementação de serviços para controlar e validar formulários, garantindo a integridade e a consistência dos dados inseridos pelos usuários.Manipulação de Dados de APIs: Integração com APIs externas para manipular e gerenciar dados dinâmicos, proporcionando uma experiência interativa e atualizada aos usuários.Técnicas Avançadas do Angular: Aplicação de conceitos avançados do Angular, como providedIn e cache com shareReplay, para otimizar o desempenho e a eficiência da aplicação.Autenticação e Autorização: Implementação de um sistema de autenticação seguro, utilizando token JWT para autorizar e controlar o acesso dos usuários à aplicação.Controle de Sessão: Desenvolvimento de funcionalidades para gerenciar e manter a sessão dos usuários, garantindo uma experiência de uso contínua e segura.Login e Cadastro: Implementação de páginas de login e cadastro, permitindo que os usuários criem e acessem suas contas de forma intuitiva e segura.Guarda de Rotas Funcional: Proteção das rotas da aplicação utilizando a Guarda de Rotas Funcional do Angular, garantindo que apenas usuários autorizados tenham acesso a determinadas áreas e funcionalidades.Busca de Passagens Aéreas: Desenvolvimento de uma funcionalidade de busca de passagens aéreas, integrando dados de uma API externa e aplicando filtros avançados para personalizar as opções de pesquisa.Ciclo de Vida do Angular: Utilização eficaz do ciclo de vida do Angular para otimizar a aplicação, melhorar o desempenho e garantir uma experiência de usuário fluida.Programação Reativa com RxJS: Implementação de programação reativa utilizando RxJS, permitindo uma manipulação eficiente e dinâmica dos dados e eventos na aplicação.Modularização e Lazy Loading: Aplicação de técnicas de modularização para organizar o código de forma eficiente e implementação de lazy loading para melhorar o desempenho e a velocidade de carregamento da aplicação.Interceptors Personalizados: Criação de interceptors personalizados para manipulação de requisições HTTP, permitindo um gerenciamento flexível e centralizado das operações de rede.Gerenciamento de Erros: Implementação de estratégias robustas para gerenciar erros, garantindo que os usuários sejam informados de forma clara e que a aplicação continue funcionando de maneira estável e confiável.Qualidade de Código com Eslint: Utilização do Eslint para manter o código Angular limpo, consistente e de alta qualidade, seguindo as melhores práticas e padrões de codificação.
Modelo incial da página home que ainda está em desenvolvimento. Até o momento está sendo feita somente a camada visual.
Listagem de depoimentos e rodapé.
Para executar a aplicação localmente, siga os passos abaixo:
- Clone este repositório:
git clone https://github.com/JoneilsonLima/jornada-milhas-Angular.git
cd jornada-milhas
- Instale as dependências
npm install- Inicie a aplicação
ng serve