{"id":50449332,"url":"https://github.com/odiegosilva1/flask-github-style","last_synced_at":"2026-05-31T23:30:40.646Z","repository":{"id":346632168,"uuid":"1190836277","full_name":"odiegosilva1/flask-github-style","owner":"odiegosilva1","description":"Página de login usando Jinja no Flask.","archived":false,"fork":false,"pushed_at":"2026-04-10T14:12:58.000Z","size":42,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-10T16:12:19.848Z","etag":null,"topics":["data","flask","jinja2-templates","orm","python"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/odiegosilva1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-24T17:03:42.000Z","updated_at":"2026-03-27T18:22:15.000Z","dependencies_parsed_at":"2026-03-25T23:01:31.808Z","dependency_job_id":null,"html_url":"https://github.com/odiegosilva1/flask-github-style","commit_stats":null,"previous_names":["odiegosilva1/db-python","odiegosilva1/flask-github-style"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/odiegosilva1/flask-github-style","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odiegosilva1%2Fflask-github-style","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odiegosilva1%2Fflask-github-style/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odiegosilva1%2Fflask-github-style/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odiegosilva1%2Fflask-github-style/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/odiegosilva1","download_url":"https://codeload.github.com/odiegosilva1/flask-github-style/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odiegosilva1%2Fflask-github-style/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33753923,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data","flask","jinja2-templates","orm","python"],"created_at":"2026-05-31T23:30:39.260Z","updated_at":"2026-05-31T23:30:40.639Z","avatar_url":"https://github.com/odiegosilva1.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Flask GitHub Style Authentication\n\nUm sistema de autenticação moderno construído com Flask, apresentando uma interface inspirada no GitHub com design responsivo e foco em UX.\n\n![Flask](https://img.shields.io/badge/Flask-2.0+-black?style=flat-square\u0026logo=flask)\n![Python](https://img.shields.io/badge/Python-3.8+-blue?style=flat-square\u0026logo=python)\n![CSS3](https://img.shields.io/badge/CSS3-GitHub%20Style-blue?style=flat-square\u0026logo=css3)\n![License](https://img.shields.io/badge/License-MIT-green?style=flat-square)\n![Windows](https://img.shields.io/badge/Windows-Supported-0078D6?style=flat-square\u0026logo=windows)\n![Linux](https://img.shields.io/badge/Linux-Supported-FCC624?style=flat-square\u0026logo=linux)\n```markdown\n\n\n## ✨ Funcionalidades\n\n- 🎨 **Design Inspirado no GitHub** - Interface moderna com paleta de cores do GitHub Dark\n- 📱 **Totalmente Responsivo** - Adapta-se perfeitamente a todos os dispositivos (mobile, tablet, desktop)\n- 🔒 **Sistema de Autenticação** - Formulário de login/cadastro funcional\n- 🧩 **Templates Jinja2** - Estrutura modular com herança de templates\n- 🎯 **Centralização Perfeita** - Containers alinhados horizontal e verticalmente\n- ⚡ **Animações Suaves** - Transições e efeitos hover otimizados\n- ♿ **Acessibilidade** - Suporte a navegação por teclado e prefers-reduced-motion\n- 🖥️ **Cross-Platform** - Funciona perfeitamente no Windows e Linux\n\n## 📋 Pré-requisitos\n\n### Para ambos os sistemas:\n- Python 3.8 ou superior\n- Pip (gerenciador de pacotes Python)\n- Git (opcional, para clonar o repositório)\n- Navegador moderno (Chrome, Firefox, Safari, Edge)\n\n### Windows:\n- Windows 10 ou superior\n- PowerShell ou Command Prompt (CMD)\n\n### Linux (Ubuntu/Debian):\n```bash\nsudo apt update\nsudo apt install python3 python3-pip python3-venv\n```\n\n### Linux (Fedora/RHEL):\n```bash\nsudo dnf install python3 python3-pip python3-virtualenv\n```\n\n## 🛠️ Tecnologias Utilizadas\n\n- **Backend**: Flask (Python)\n- **Frontend**: HTML5, CSS3, Jinja2\n- **Estilização**: CSS Custom Properties (variáveis CSS)\n- **Metodologia**: Mobile First, Responsive Design\n\n## 📦 Instalação\n\n### 1. Clone o repositório\n```bash\ngit clone https://github.com/odiegosilva1/flask-github-style.git\ncd flask-github-style\n```\n\n### 2. Crie e ative um ambiente virtual\n\n#### 🪟 **Windows (Command Prompt)**\n```cmd\n# Criar ambiente virtual\npython -m venv venv\n\n# Ativar ambiente virtual\nvenv\\Scripts\\activate\n```\n\n#### 🪟 **Windows (PowerShell)**\n```powershell\n# Criar ambiente virtual\npython -m venv venv\n\n# Ativar ambiente virtual\n.\\venv\\Scripts\\Activate.ps1\n\n# Se ocorrer erro de permissão, execute:\nSet-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser\n```\n\n#### 🐧 **Linux/Mac**\n```bash\n# Criar ambiente virtual\npython3 -m venv venv\n\n# Ativar ambiente virtual\nsource venv/bin/activate\n```\n\n### 3. Instale as dependências\n\nApós ativar o ambiente virtual, você verá o nome do ambiente no terminal:\n- Windows: `(venv) C:\\projeto\u003e`\n- Linux: `(venv) usuario@computador:~/projeto$`\n\n#### 📦 **Opção 1: Instalar via requirements.txt (recomendado)**\n```bash\n# Atualizar o pip para a versão mais recente\npip install --upgrade pip\n\n# Instalar todas as dependências\npip install -r requirements.txt\n```\n\n#### 🚀 **Opção 2: Instalação rápida (apenas Flask)**\n```bash\n# Instalar apenas o Flask\npip install flask\n\n# Criar o arquivo requirements.txt\npip freeze \u003e requirements.txt\n```\n\n### 4. Verifique a instalação\n```bash\n# Verificar se o Flask foi instalado corretamente\npython -c \"import flask; print(f'✅ Flask {flask.__version__} instalado com sucesso!')\"\n```\n\n## 🚀 Executando o Projeto\n\n### 1. Certifique-se que o ambiente virtual está ativado\n- O terminal deve mostrar `(venv)` no início da linha\n\n### 2. Execute a aplicação\n```bash\npython app.py\n```\n\n### 3. Acesse no navegador\n```\nhttp://localhost:5000\n```\n\n### 4. Para parar a aplicação\nPressione `CTRL + C` no terminal\n\n## 📁 Estrutura do Projeto\n\n```\nflask-github-style/\n│\n├── app.py                 # Aplicação Flask principal\n├── requirements.txt       # Dependências do projeto\n├── README.md             # Documentação\n├── .gitignore            # Arquivos ignorados pelo Git\n│\n├── templates/            # Templates Jinja2\n│   ├── base.html        # Template base\n│   ├── index.html       # Página inicial\n│   └── form.html        # Página de login\n│\n└── static/              # Arquivos estáticos\n    └── styles/\n        └── style.css    # Estilos CSS\n```\n\n## 🎨 Paleta de Cores\n\nO projeto utiliza a paleta oficial do GitHub Dark Mode:\n\n| Cor | Código | Uso |\n|-----|--------|-----|\n| Fundo principal | `#0d1117` | Body background |\n| Cards/Containers | `#161b22` | Formulários e containers |\n| Bordas | `#30363d` | Separadores e inputs |\n| Texto principal | `#f0f6fc` | Títulos |\n| Texto secundário | `#8b949e` | Parágrafos e labels |\n| Links | `#4493f8` | Navegação e links |\n| Botões | `#238636` | Botões de ação |\n\n## 📱 Responsividade\n\nO projeto é totalmente responsivo com breakpoints para:\n\n- **Desktop Grande** (1200px+)\n- **Desktop** (992px - 1199px)\n- **Tablet** (768px - 991px)\n- **Mobile Landscape** (481px - 767px)\n- **Mobile Portrait** (320px - 480px)\n- **Telas muito pequenas** (abaixo de 320px)\n\n## 🔧 Personalização\n\n### Alterando Cores\n\nAs cores são gerenciadas através de variáveis CSS no arquivo `style.css`:\n\n```css\n:root {\n    --cor-principal: #238636;\n    --cor-fundo: #0d1117;\n    --cor-card: #161b22;\n    --cor-texto-azul: #4493f8;\n    /* Altere estas variáveis para personalizar */\n}\n```\n\n### Adicionando Novas Rotas\n\nNo arquivo `app.py`:\n\n```python\n@app.route('/nova-rota')\ndef nova_rota():\n    return render_template('nova_pagina.html')\n```\n\n### Criando Novas Páginas\n\n1. Crie um novo template estendendo `base.html`:\n```html\n{% extends \"base.html\" %}\n\n{% block title %}Minha Página{% endblock %}\n\n{% block content %}\n\u003cdiv class=\"container\"\u003e\n    \u003ch1\u003eConteúdo Personalizado\u003c/h1\u003e\n    \u003cp\u003eSeu conteúdo aqui...\u003c/p\u003e\n\u003c/div\u003e\n{% endblock %}\n```\n\n## 🌟 Destaques do Código\n\n### Template Base com Jinja2\n```html\n{% block content %}{% endblock %}\n```\n\n### URLs Dinâmicas\n```html\n\u003ca href=\"{{ url_for('home') }}\"\u003eHome\u003c/a\u003e\n```\n\n### Context Processor para Data Atual\n```python\n@app.context_processor\ndef inject_now():\n    return {'now': datetime.now()}\n```\n\n### CSS Moderno com Variáveis\n```css\n:root {\n    --espacamento-padrao: 20px;\n    --fonte-media: 1rem;\n    --border-radius: 6px;\n}\n```\n\n## 🐛 Solução de Problemas Comuns\n\n### Erro: \"pip não encontrado\"\n```bash\n# Windows: Use python -m pip\npython -m pip install -r requirements.txt\n\n# Linux: Instale o pip\nsudo apt install python3-pip\n```\n\n### Erro: \"python não encontrado\"\n```bash\n# Verifique a instalação do Python\npython --version\npython3 --version\n\n# Windows: Adicione Python ao PATH\n# Linux: Instale o Python\nsudo apt install python3\n```\n\n### Erro de permissão no PowerShell\n```powershell\n# Execute como administrador\nSet-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser\n```\n\n### Erro: \"Flask não encontrado\" mesmo após instalação\n```bash\n# Verifique se o ambiente virtual está ativado\n# O terminal deve mostrar (venv)\n\n# Reinstale o Flask\npip uninstall flask\npip install flask\n```\n\n## 📄 Licença\n\nEste projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.\n\n## 👨‍💻 Autor\n\n**Diego Silva** - [@odiegosilva1](https://github.com/odiegosilva1)\n\n## 🙏 Agradecimentos\n\n- [Flask](https://flask.palletsprojects.com/) - Framework web\n- [GitHub](https://github.com/) - Inspiração para o design\n- Comunidade open-source por todas as ferramentas incríveis\n\n## 📞 Suporte\n\nSe você tiver alguma dúvida ou encontrar algum problema, por favor:\n- Abra uma [issue](https://github.com/odiegosilva1/flask-github-style/issues)\n- Entre em contato via [email](mailto:seu-email@example.com)\n\n---\n\n⭐️ Desenvolvido com ❤️ e Python | Inspirado no GitHub Design System\n```\n\n## 📄 **requirements.txt**\n\n```txt\nFlask==2.3.3\nWerkzeug==2.3.7\nJinja2==3.1.2\nclick==8.1.7\nitsdangerous==2.1.2\nmarkupsafe==2.1.3\n```\n\n## 🔧 **Arquivo .gitignore**\n\n```gitignore\n# Python\n__pycache__/\n*.py[cod]\n*$py.class\n*.so\n.Python\nenv/\nvenv/\nENV/\nbuild/\ndevelop-eggs/\ndist/\ndownloads/\neggs/\n.eggs/\nlib/\nlib64/\nparts/\nsdist/\nvar/\nwheels/\n*.egg-info/\n.installed.cfg\n*.egg\n\n# Virtual Environment\nvenv/\nenv/\n.env\n.venv\n\n# Flask\ninstance/\n.webassets-cache\n\n# IDE\n.vscode/\n.idea/\n*.swp\n*.swo\n*~\n\n# OS\n.DS_Store\nThumbs.db\ndesktop.ini\n\n# Logs\n*.log\n*.sqlite\n*.sqlite3\n\n# Coverage reports\nhtmlcov/\n.tox/\n.coverage\n.coverage.*\n.cache\nnosetests.xml\ncoverage.xml\n*.cover\n.pytest_cache/\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodiegosilva1%2Fflask-github-style","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fodiegosilva1%2Fflask-github-style","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodiegosilva1%2Fflask-github-style/lists"}