Skip to content

SilvioCavalcantiBonfim/Shopptex-FrontEnd

Repository files navigation

Front-End Shopptex

angular reactivex css3

Este projeto é um front-end desenvolvido em Angular 17 para consumir a API de produtos e informações da loja, criada no curso de desenvolvimento backend Ruby da FAP/Softex.

Funcionalidades

  • Listagem de Produtos: Exibe uma lista de produtos com suas respectivas imagens, nomes, preços e status de promoção.
  • Detalhes da Loja: Mostra informações sobre a loja, como nome, cor, proprietário e departamento.

Tecnologias Utilizadas

  • Angular 17: Framework principal para desenvolvimento do front-end.
  • HTTP Client: Para realizar requisições à API.
  • CSS: Para estilização das páginas.
  • RxJS: Para manipulação de programação reativa e gerenciamento de estado.

Instalação

  1. Clone o repositório:
    git clone https://github.com/SilvioCavalcantiBonfim/Shopptex-FrontEnd.git
  2. Instale as dependências:
    cd Shopptex-FrontEnd
    npm install

Uso

  1. Inicie o servidor de desenvolvimento:
    npm start
  2. Acesse a aplicação: Abra o navegador e vá para http://localhost:4200.

Configuração da API

Certifique-se de que a API Ruby está rodando e configure a URL base da API no serviço Angular responsável pelas requisições HTTP.

Mock da API

Para rodar o mock da API proposto em aula, execute:

npm run api

Contribuição

  1. Fork o projeto.
  2. Crie uma nova branch:
    git checkout -b minha-nova-funcionalidade
  3. Commit suas mudanças:
    git commit -m 'Adiciona nova funcionalidade'
  4. Push para a branch:
    git push origin minha-nova-funcionalidade
  5. Abra um Pull Request.

Licença

Distribuído sob a licença MIT. Veja LICENSE para mais detalhes.

About

No description or website provided.

Topics

Resources

License

Stars

Watchers

Forks