AulasFrameworkFullstack

Projeto Full-Stack Impacta

Stars
2

Projeto de Frameworks para as aulas na Faculdade Impacta

O site foi inspirado e baseado em: Alternazero

Atenção!! Este site foi projetado na resolução de 1366x768 e resoluções mobile. Caso tenha algumas resoluções acima com alguns problemas, me avise na aba "Issues".

Atenção!! As imagens na aba do perfil estão pré-definidas, caso queira fazer um teste, utilize qualquer arquivo .jpeg que contenha o nome de "iconTeste" que ele vai pegar a iconTeste que está na pasta 'static/'. Exemplo: "iconTeste.jpeg" =

Portugues 🇧🇷

Ferramentas utilizadas na construção do projeto:

Ferramentas que precisam ser baixadas:

Python: Download Bootstrap: Download BulmaCSS: Download Flask: Download Git: Download

Navegadores:

Foi testado somente no navegador Firefox Caso tenha algum problema em outros navegadores, me avise na aba "Issues" do github

Sistemas operacionais:

O sistema foi criado e testado em windows, provavelmente ele funcione em outras plataformas caso utilizem o tutorial abaixo, mas com algumas outras configurações do terminal.

Processo para rodar o projeto(Windows):

Passo 1: Instale o Python3

Passo 2: Instale o VS Code

Passo 3: Copie este repositorio com git clone ou faça o download

Passo 4: Abra a pasta onde está localizado as AulasFrameworksFullstack e abra o terminal clicando com o botão direito dentro da pasta e use o comando code .

Passo 5: Dentro do Vs Code e da pasta do projeto utilize o comando no terminal python -m venv venv

Passo 6: Ative a venv com source venv/Scripts/activate

Passo 7: Após criar a venv, ainda no terminal utilize o comando pip install flask

Passo 8: Verifique se está na mesma pasta que contem o arquivo app.py, caso não esteja na mesma pasta do arquivo, no terminal utilize o comando cd Atividade1

Passo 9: Depois utilize o comando flask run ou python app.py

Step 10: Clique no link do "Localhost"

E assim você está pronto para verificar o conteudo do web-app fullstack!!

English 🇺🇸

Framework Project for Classes at Impacta

Tools used in building the project:

Tools to download:

Python: Download Bootstrap: Download BulmaCSS: Download Flask: Download Git: Download

Browsers:

It was only tested in the Firefox browser If you encounter any problems in other browsers, please notify me in the "Issues" tab on GitHub.

Operating Systems:

The system was created and tested on Windows. It will likely work on other platforms if you follow the tutorial below, though with some additional terminal configurations.

Process to run the project (Windows):

Step 1: Install Python3

Step 2: Install VS Code

Step 3: Clone this repository with git clone or download it

Step 4: Open the folder where "AulasFrameworksFullstack" is located, and open the terminal by right-clicking inside the folder and use the command code .

Step 5: Inside VS Code and in the project folder, use the terminal command python -m venv venv

Step 6: Activate the venv with source venv/Scripts/activate

Step 7: After creating the venv, still in the terminal, use the command pip install flask

Step 8: Make sure you're in the same folder containing the app.py file. If not, in the terminal use the command cd Atividade1

Step 9: Then, use the command flask run or python app.py

Step 10: Click in the "Localhost" link

Now you are ready to check out the full-stack web-app content!!

Telas/Panels: