Realizado

Desenvolvimento de Tela Inicial Responsiva Em Angular 17 para Aplicativo com Integração de Api

Publicado em 18 de Outubro de 2025 dias na TI e Programação

Sobre este projeto

Aberto

Estamos buscando um desenvolvedor para criar a tela inicial de uma plataforma de ofertas, com foco total em responsividade para dispositivos móveis, já que a maioria dos acessos será via celular. É Essencial que o protótipo do layout seja aprovado antes do início do desenvolvimento.

O projeto deve ser desenvolvido em angular 17 e os fontes disponibilizados

a tela inicial deverá incluir as seguintes funcionalidades:

1.  Botão de Login: Ao clicar, o usuário será redirecionado para a tela de LOGIN.
2.  Link de Cadastro para Estabelecimentos: Um link "Quer anunciar suas ofertas, clique aqui" que levará à tela de cadastro de estabelecimento.
3.  Carrossel de Banners: Um banner rotativo com cinco imagens, que serão recuperadas via API. As imagens devem alternar automaticamente ou permitir navegação manual (deslizar o dedo).
4.  Upload de Nota Fiscal: Um botão ou link "Cadastre sua nota fiscal aqui" que direcionará para a página de upload de nota fiscal do cliente.
5.  Seleção de Cidade com Autocomplete: Um campo para o usuário digitar a cidade. A funcionalidade de autocomplete deve pesquisar e sugerir cidades a cada letra digitada, similar ao comportamento de busca de cidades em sites como www.webmotors.com.
6.  Listagem de Estabelecimentos por Cidade: Após selecionar a cidade, uma API será chamada para buscar e listar todos os estabelecimentos disponíveis naquela cidade, exibindo as informações retornadas.
7.  Exibição de Ofertas por Cidade: Ao selecionar a cidade, uma lista de ofertas daquela cidade será exibida. Cada oferta deve mostrar o nome do estabelecimento. A listagem deve apresentar 4 linhas de ofertas, com duas ofertas por linha, e deve implementar paginação.
8.  Filtragem de Ofertas por Estabelecimento: Um campo de busca para o usuário selecionar um estabelecimento (com autocomplete, buscando a cada letra digitada). Ao selecionar, o sistema deve filtrar as ofertas para exibir apenas as daquele estabelecimento.
9.  Seção "Compras dos nossos clientes": Exibir informações conforme o protótipo, com dados provenientes de uma API e implementação de paginação para as ofertas nesta seção.

O objetivo é entregar uma interface intuitiva e funcional, otimizada para a experiência mobile.

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Criar um novo site personalizado

Prazo de Entrega: Não estabelecido

Habilidades necessárias