https://github.com/brunoserpa/desafio02_dd

Desafio de Renderização e Desafio de Interação do Flask com o Forms
https://github.com/brunoserpa/desafio02_dd

css3 html5 python3 school venv-python

Last synced: about 1 month ago
JSON representation

Desafio de Renderização e Desafio de Interação do Flask com o Forms

• Host: GitHub
• URL: https://github.com/brunoserpa/desafio02_dd
• Owner: BrunoSerpa
• License: mit
• Created: 2023-04-30T00:39:38.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-30T15:52:50.000Z (about 3 years ago)
• Last Synced: 2025-01-07T08:34:06.764Z (over 1 year ago)
• Topics: css3, html5, python3, school, venv-python
• Language: HTML
• Homepage:
• Size: 17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
 Desafio de Renderização e de Interação do Flask com o Forms


# :mag_right: Índice

* [Sobre os Desafios](#sobre)

* [Como Usar](#comoUsar)

* [Ferramentas Utilizadas](#ferramentas)



# Sobre os Desafios

Os desafios a seguir foram baseados no [Repositório](https://github.com/prof-fabriciogmc/html_basico) solicitados na aula de Design Digital, dada pelo profº Fabrício Galende Marques de Carvalho, criador do repositório.

  Vídeo "Renderização"

 ![print_desafioRenderizacão](https://github.com/BrunoSerpa/Desafio02_DD/blob/main/Doc/Renderizando.gif?raw=true)

  Vídeo "Forms"

  

 ![print_desafioInteraçãoDoFlaskComOForms](https://github.com/BrunoSerpa/Desafio02_DD/blob/main/Doc/Forms.gif?raw=true)



# Como Usar

  O que será necessário:

  - Git Será necessário o git para fazer uma clonagem do repositório.

  

  - Python Utilizei a versão 3.11.2, mas qualquer uma a partir da 3.7 irá funcionar, não se esqueça de na hora da instalação, marcar a opção da instalação do pip, pois será necessário para rodar o ambiente virtual.

  Clonando o repositório:

  

  1º Passo: Crie uma pasta vazia.

  2º Passo: Entre na pasta criada e clique no diretório na parte superior e digite cmd:

  ![print_diretório](https://github.com/BrunoSerpa/Desafio02_DD/blob/main/Doc/Passo2.PNG?raw=true)

  3º Passo: Dentro do cmd insira o comando:

 

  `git clone "https://github.com/BrunoSerpa/Desafio02_DW1" .`

  Rodando Desafio "Renderização":

  Execute o arquivo `imagens.html` em seu navegador padrão. (encontrado em `src/Renderizando Fotos`) 

    Rodando Desafio "Forms com Flask":

  1º Passo: Dentro do cmd no qual o repositório foi clonado insira o comando: 

  

  `cd 'src/Interação do Flask com Forms'`

  2º Passo: Crie o Ambiente Virtual com o comando:

  

  `py -m venv venv`

  >Caso os comando não funcionar, troque a palavra py do comando por py3.
 

  3º Passo: Entre no ambiente com o comando:

  

  `.\venv\Scripts\activate`.

  4º Passo: Instale os requerimentos do projeto com o comando:

  

  `pip install -r requirements.txt`.

  5º Passo: Acesse o projeto com o comando:

  `flask --app controller run`

  >Isso executará o `controller.py` e será possível ver o site funcionando.

  6ºPasso: Execute o arquivo `form.html` em seu navegador padrão. (encontrado em `src/Interação do Flask com o Forms`)

  7º Quando finalzar o comando para finalizar o ambiente é:

  `deactivate`

  



# Ferramentas Utilizadas

HTML: Estruturação das páginas.
 Foram utilizados: `button`, `footer`, `form`, `img`, `input` e `style`

CSS: Estilização de todas as páginas.


Foram utilizados tags e classes.

Flask: Utilizado para fazer auxilio de manutenções, utilizando do arquivo "controller.py", no qual pega as informações passadas pelo "form.html"