https://github.com/denetodev/bistro-bliss
Bistro Bliss - Desenvolvimento de um site moderno e responsivo para um restaurante. O objetivo é criar uma presença online atraente e funcional que reflita a atmosfera e a qualidade do restaurante, ao mesmo tempo que oferece aos clientes informações úteis e a capacidade de fazer reservas.
https://github.com/denetodev/bistro-bliss
angular html5 java postgrees primeng scss spring-boot typescript
Last synced: 2 months ago
JSON representation
Bistro Bliss - Desenvolvimento de um site moderno e responsivo para um restaurante. O objetivo é criar uma presença online atraente e funcional que reflita a atmosfera e a qualidade do restaurante, ao mesmo tempo que oferece aos clientes informações úteis e a capacidade de fazer reservas.
- Host: GitHub
- URL: https://github.com/denetodev/bistro-bliss
- Owner: denetodev
- License: mit
- Created: 2024-10-10T00:31:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-11T13:08:31.000Z (over 1 year ago)
- Last Synced: 2025-03-11T14:23:22.416Z (over 1 year ago)
- Topics: angular, html5, java, postgrees, primeng, scss, spring-boot, typescript
- Language: TypeScript
- Homepage:
- Size: 15.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bistro Bliss - Site Moderno para um Restaurante Saboroso 🍴
Bem-vindo ao **Bistro Bliss**, um projeto que une gastronomia e tecnologia! Este é o desenvolvimento de um site moderno e responsivo para um restaurante fictício, projetado para criar uma presença online irresistível. O objetivo? Refletir a atmosfera acolhedora e a qualidade excepcional do Bistro Bliss, oferecendo aos clientes informações úteis, um cardápio apetitoso e a facilidade de fazer reservas com poucos cliques.
Explore o sabor da inovação e mergulhe neste projeto comigo!
---
## Índice de Conteúdos
- [Visão Geral](#visão-geral)
- [Design](#screenshot)
- [Links](#links)
- [Meu Processo](#meu-processo)
- [Construído com](#construído-com)
- [O que Aprendi](#o-que-aprendi)
- [Desenvolvimento Contínuo](#desenvolvimento-contínuo)
- [Recursos Úteis](#recursos-úteis)
- [Autor](#autor)
- [Agradecimentos](#agradecimentos)
---
## Visão Geral
O **Bistro Bliss** é mais do que um site — é uma experiência digital que convida os visitantes a saborear a essência do restaurante. Com um design elegante criado no Figma e uma implementação robusta em Angular, o projeto oferece navegação fluida, responsividade total e funcionalidades práticas, como reservas online e exibição de cardápio.
### Screenshot
_Saboreie o design: uma prévia do site em desktop!_
### Links
- **URL do Repositório**: [Repositório do Github Bistro-Bliss](https://github.com/denetodev/bistro-bliss)
- **URL do Site ao Vivo**: [Veja o site ao vivo](https://bistro-bliss-amber.vercel.app/home)
- **Design no Figma**: [Figma - Bistro Bliss](https://www.figma.com/design/TIRsomLOaei5NEvSIyGUby/Projeto---Restaurante?node-id=0-1&p=f&t=tipeT4ZuneuVdwID-0)
---
## Meu Processo
### Construído com
- **Angular 17/18**: Framework poderoso para uma aplicação dinâmica e escalável.
- **SCSS**: Estilização avançada com variáveis, mixins e nesting para um design impecável.
- **PrimeNG**: Biblioteca de componentes UI para agilizar o desenvolvimento.
- **Figma**: Ferramenta de design para criar um layout moderno e funcional.
- **TypeScript**: Tipagem segura para um código mais robusto.
### O que Aprendi
Este projeto foi uma verdadeira jornada de aprendizado com Angular! Comecei com a versão 17 e, durante o processo, atualizei para a 18, explorando as novidades da framework. Aqui estão alguns destaques:
- **Componentes Reutilizáveis**: Criei componentes modulares, como cards de cardápio e formulários de reserva, que economizam tempo e mantêm o código limpo.
- **Rotas**: Implementei navegação dinâmica entre páginas (home, cardápio, reservas, sobre) com Angular Router.
- **SCSS Avançado**: Usei variáveis e mixins para temas consistentes e responsivos.
- **PrimeNG**: Integração de componentes como botões, modais e carrosséis, otimizando a experiência do usuário.
Exemplo de código que me orgulho:
```typescript
// Componente de Cardápio
@Component({
selector: 'app-menu-card',
templateUrl: './menu-card.component.html',
styleUrls: ['./menu-card.component.scss']
})
export class MenuCardComponent {
@Input() dish: { name: string, price: number, description: string, image: string };
}
// Estilização com SCSS
.menu-card {
background: $primary-color;
padding: 1.5rem;
border-radius: 8px;
transition: transform 0.3s ease;
&:hover {
transform: scale(1.05);
}
}
```
### Desenvolvimento Contínuo
Quero continuar aprimorando o **Bistro Bliss**! Meus próximos passos incluem:
- Adicionar animações com Angular Animations para transições mais suaves.
- Implementar um backend simples (talvez com Node.js) para gerenciar reservas em tempo real.
- Melhorar a acessibilidade (ARIA labels, foco de teclado) para tornar o site ainda mais inclusivo.
### Recursos Úteis
- [Documentação Angular](https://angular.io/docs) - Guia essencial para dominar o framework.
- [PrimeNG Showcase](https://www.primefaces.org/primeng/) - Referência para explorar componentes prontos.
- [Sass Guidelines](https://sass-guidelin.es/) - Dicas incríveis para escrever SCSS eficiente.
- [Figma Community](https://www.figma.com/community) - Inspiração para designs modernos.
## Autor
Oi, eu sou Neto! Apaixonado por tecnologia e gastronomia, este projeto foi a minha chance de unir esses dois mundos. Quer saber mais sobre mim? Confira minhas redes:
## Agradecimentos
Um brinde à comunidade open-source e aos amigos que me apoiaram neste projeto! Agradeço especialmente à equipe do Angular por criar uma ferramenta tão poderosa e à PrimeNG por facilitar a vida de desenvolvedores. E, claro, a você por conferir o **Bistro Bliss** — espero que goste tanto quanto eu gostei de criá-lo!
🍽️ **Bon appétit e feliz codificação!** 🍽️