WebCard é um aplicativo web que permite aos usuários criar seu próprio cartão virtual. Com uma interface amigável, o aplicativo facilita o upload de uma imagem e o preenchimento de formulários personalizados para gerar um cartão com informações pessoais e links para redes sociais.
- Python (com Flask para o back-end)
- HTML5 e CSS3 para estrutura e estilização
- JavaScript para manipulação do DOM e interatividade
- Flask para rotas e manipulação de formulários
- Upload de uma imagem para personalizar o cartão.
- Formulários para inserir informações pessoais e links de até 3 redes sociais.
- Mensagens dinâmicas renderizadas com JavaScript para melhorar a experiência do usuário.
- Função de toggle para exibir ou ocultar campos de entrada de redes sociais.
- Modal para facilitar a inserção de informações.
- Em uma versão futura, o aplicativo permitirá que os usuários façam o download do seu cartão como um arquivo PDF.
- Faça o upload de uma imagem.
- Preencha os campos do formulário com seu nome, título e até 3 redes sociais.
- Clique em "Gerar Cartão" para visualizar seu cartão virtual.
Sinta-se à vontade para contribuir para o projeto. Qualquer feedback ou sugestão é bem-vindo!
- Python 3.x instalado
- pip (gerenciador de pacotes do Python)
-
Clone o Repositório
Abra o terminal e execute o seguinte comando para clonar o repositório:
git clone https://github.com/iagooteles/webCard.git
-
Navegue até o Diretório do Projeto
cd webCard -
Crie um Ambiente Virtual (opcional, mas recomendado)
python -m venv .venv
-
Ative o Ambiente Virtual
-
No Windows: .venv/Scripts/activate
-
No macOS/Linux: source .venv/bin/activate
-
-
Instale as Dependências
pip install -r requirements.txt
-
Execute o Servidor
python main.py
-
Acesse o Aplicativo Abra um navegador e coloque o endereço: