https://github.com/tgentil/passaro-urbano
https://github.com/tgentil/passaro-urbano
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/tgentil/passaro-urbano
- Owner: Tgentil
- Created: 2023-08-16T20:02:55.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-02-10T18:33:12.000Z (9 months ago)
- Last Synced: 2025-04-06T16:59:55.482Z (8 months ago)
- Language: TypeScript
- Size: 2.01 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pássaro Urbano - Marketplace de Ofertas
[](https://github.com/Tgentil)
[](http://app2-teste-publicaco-passaro-urbano.s3-website-sa-east-1.amazonaws.com)
[](https://www.udemy.com/course/curso-de-desenvolvimento-web-com-es6-typescript-e-angular-4/)
[](https://jorgesantana.net.br/)
O **Pássaro Urbano** é um marketplace de ofertas inspirado no Peixe Urbano, desenvolvido com **Angular 17.1.1** como parte do curso de desenvolvimento web com TypeScript e Angular. O projeto simula a exibição de ofertas e cupons de desconto para estabelecimentos de entretenimento e restaurantes, utilizando um banco de dados fake via `json-server`.
---
## 🚀 Tecnologias Utilizadas
- **Angular 17.1.1**
- **TypeScript 5.3.3**
- **Bootstrap 5** (para estilização)
- **RxJS** (Observables e manipulação de dados assíncronos)
- **Json-Server** (API Fake para simular um backend)
- **Rotas Angular** (Navigation, Route Params e Child Routes)
---
## 📌 Funcionalidades Principais
✔️ Listagem de ofertas de produtos e serviços
✔️ Navegação entre páginas utilizando **Rotas Angular**
✔️ Busca dinâmica de ofertas com **Observables e DebounceTime**
✔️ Detalhamento de ofertas com abas "Como Usar?" e "Onde Fica?"
✔️ Carrinho de compras dinâmico com **incremento/decremento de itens**
✔️ Formulário de pedidos com **validações e envio para API**
✔️ Simulação de um checkout de compra
---
## 🔧 Como Executar o Projeto?
1️⃣ **Clonar o repositório**
```bash
git clone https://github.com/Tgentil/Passaro-Urbano.git
cd Passaro-Urbano
```
2️⃣ **Instalar as dependências**
```bash
npm install
```
3️⃣ **Rodar o servidor fake (Banco de Dados)**
```bash
json-server --watch banco-de-dados.json
```
4️⃣ **Executar o servidor de desenvolvimento**
```bash
ng serve
```
5️⃣ **Acesse no navegador**
Abra [http://localhost:4200](http://localhost:4200/) para visualizar o projeto.
---
## 📖 Conceitos Aprendidos no Projeto
Durante o desenvolvimento desse projeto, foram explorados vários conceitos essenciais do **Angular e TypeScript**, incluindo:
✅ **Componentes, Módulos e Serviços no Angular**
✅ **Promises e Observables** para lidar com operações assíncronas
✅ **API Rest com HttpClient** para consumir dados
✅ **Rotas Dinâmicas e Roteamento com Child Routes**
✅ **Two-Way Data Binding**
✅ **Validações em formulários reativos e template-driven**
✅ **Uso de Pipes e Formatação de Dados**
✅ **Gerenciamento de estado com Service e Subject**
---
## 📜 Licença
Este projeto foi desenvolvido para fins de estudo e aprendizado. Qualquer uso deve seguir as diretrizes do curso original.