Bem-vindo ao repositório do Alma Equilíbrio, uma aplicação web desenvolvida com Flask para apresentar produtos e serviços de bem-estar, como velas, mandalas energéticas e produtos fitoterápicos. Nosso objetivo é proporcionar equilíbrio e tranquilidade por meio de uma interface intuitiva e agradável.
Criar um portfólio funcional que também sirva como vitrine dos produtos do ateliê "Alma Equilíbrio". Este site busca oferecer:
- Uma experiência interativa para os usuários.
- Um design moderno e responsivo.
- Uma interface simples para explorar produtos de bem-estar.
Tecnologia | Finalidade |
---|---|
Python | Backend |
Flask | Framework web |
HTML/CSS | Estrutura e estilos visuais |
JavaScript | Interatividade |
VS Code | Ambiente de desenvolvimento |
alma-equilibrio/
│
├── app/
│ ├── __init__.py # Inicialização do Flask
│ ├── rotas.py # Rotas da aplicação
│ ├── static/ # Arquivos estáticos
│ │ ├── css/
│ │ │ └── style.css # Estilos visuais
│ │ ├── js/
│ │ │ └── script.js # Scripts interativos
│ ├── templates/ # Arquivos HTML
│ │ └── home.html # Página inicial
│
├── run.py # Arquivo para executar a aplicação
└── README.md # Documentação do projeto
- Instale o Python (versão 3.8 ou superior).
- Instale o gerenciador de pacotes
pip
. - Clone o repositório:
git clone https://github.com/usuario/alma-equilibrio.git
- Navegue até a pasta do projeto:
cd alma-equilibrio
- Crie um ambiente virtual:
python -m venv venv
- Ative o ambiente virtual:
- Windows:
venv\Scripts\activate
- Linux/Mac:
source venv/bin/activate
- Windows:
- Instale as dependências do Flask:
pip install flask
- Execute o arquivo
run.py
:python run.py
- Acesse o aplicativo no navegador: (http://127.0.0.1:5000/)
-
Página Inicial:
- Apresenta uma introdução aos produtos e serviços.
- Inclui botões interativos com mensagens motivacionais.
-
Design Responsivo:
- Estilização moderna com gradientes e layout adaptável.
-
Interatividade:
- Scripts em JavaScript para uma experiência dinâmica.
-
Estilo Visual: Edita o arquivo de estilos:
app/static/css/style.css
-
Conteúdo: Atualiza o conteúdo HTML:
app/templates/home.html
- Adicionar novas páginas para produtos e contato.
- Implementar um sistema de login.
- Adicionar funcionalidades de carrinho de compras.
- Estilizar ainda mais as páginas.
Para dúvidas ou sugestões, entre em contato: