Bem-vindo ao projeto Flor Café, um site fictício criado com o objetivo de apresentar a cafeteria Flor Café online.
O objetivo do projeto é aprimorar as minhas habilidades como programadora, focando no desenvolvimento de uma API REST utilizando Spring Boot com uma arquitetura em camadas e integrando com o frontend em React.
O projeto encontra-se na fase inicial de desenvolvimento e serve como um exercício prático para consolidar conhecimentos em desenvolvimento web e construção de aplicações completas.
- Frontend: React e Bootstrap - Para criar uma experiência de utilizador dinâmica e responsiva.
- Backend: Spring - Para gestão de conteúdos e lógica de negócio.
O site é composto pelas seguintes páginas:
1. Home
- Banner Principal: Carrossel de imagens destacando produtos e o ambiente da cafeteria.
- Destaques: Apresentação de 3 produtos com foto, título e descrição.
- Bloco "Nosso Café": Informações sobre a produção dos grãos, com uma coluna de texto e uma imagem ilustrativa.
- Bloco de Informações: Destaque com imagem de fundo, título, descrição e botão.
2. Sobre Nós
- Banner Principal: Título da página.
- Informações: História e missão da cafeteria, acompanhadas de uma imagem ilustrativa.
3. Menu
- Banner Principal: Título da página.
- Menu: Dividido em categorias "Menu Comidas" e "Menu Bebidas", incluindo título, descrição e preço.
4. Contacto
- Banner Principal: Título da página.
- Formulário de Contato: Disponível na primeira coluna.
- Mapa: Localização da cafeteria com link para o Google Maps na segunda coluna.
Footer (em todas as páginas)
- Dados para Contacto: Informações de contato da cafeteria.
- Logo e Redes Sociais: Logo da cafeteria e links para redes sociais.
- Horários de Funcionamento: Informações sobre os horários de operação.
Header (em todas as páginas)
- Logo
- Menu Responsivo: Links para todas as páginas do site.
O design do site Flor Café foi cuidadosamente elaborado por mim utilizando o Figma: ver design