/catalogoEntreAsEstrelas

Projeto de conclusão do Módulo 2- Blue EdTech

Primary LanguageHTML

Projeto 2 - Catálago

💙 Projeto de conclusão do módulo 2 - Web | Banco de Dados | Cloud da Blue EdTech T3C6.

📅 Escopo do projeto

Esse projeto consiste em criar uma aplicação web com HTML, CSS, JavaScript, Flask e SQL. Essa aplicação será um catálogo com tema livre, que irá listarinúmeros itens, este catálogo pode ser de filmes, músicas, séries, jogos, bebidas, carros, entre outros.

Seu site precisa ter obrigatoriamente os seguintes itens:

  • Uma página inicial, explicando sobre o que é seu catálogo;
  • Uma página para a listagem dos itens do catálogo;
  • Uma página para cadastrar um novo item no catálogo;
  • Uma página para editar um item do catálogo;
  • Uma modal para confirmar a deleção de um item do catálogo;
  • Uma página para mostrar a todos os desenvolvedores do projeto, com uma foto, uma breve descrição sobre cada pessoa e links para se conectar no linkedin e no github de cada um.

Você pode mesclar algumas páginas se quiser, como a página inicial e a página dos desenvolvedores do projeto, ou a página de cadastro com a listagem dos itens. Não se limite, seja criativo!

🎲 Sobre o que é este catálago ?

Inicialmente criamos um jogo de ficção interativa utilizando orientação a objeto em Python, seu tema foi baseado no filme Interestellar.
Ao concluirmos a primeira fase do projeto, decidimos que ele cresceria junto conosco, ele seria o balizador da nossa evolução como programadores.
A segunda fase do projeto tem a finalidade de criar uma aplicação web em forma de catálogo, usando HTML, CSS, JavaScript, Flask e SQL.

🪐 Como foi feito ?

  • Construimos todo layout com HTML e CSS, sem animações ou dados dinâmicos.
  • Adicionamos validações de campos e animações com JavaScript.
  • Implementamos a aplicação no escopo de um projeto Flask e criamos as rotas para renderização das páginas HTML.
  • Conectamos a aplicação ao banco de dados e criamos as rotas do CRUD.
  • Fizemos o deploy da aplicação no Heroku.
  • Usamos boas práticas de programação para criar um projeto limpo e escalável.
  • Cada página desta aplicação possui um objetivo:
    • Home: trás as boas vindas ao usuário e um breve resumo do tema e jogo propostos.
    • Sobre: detalha a história e a motivação do projeto.
    • Catálogo: mostra os cards de todos os planetas e suas características.
    • Administrador: permite apenas aos administradores a cadastrar, editar ou excluir os itens do catálogo. Esta página está "oculta" e representada por um ícone (engrenagem) dentro do catálogo.
    • Desenvolvedores: conta um pouquinho da história do nosso time.

Na terceira fase desse projeto queremos implementar o jogo e aprimorá-lo com os novos aprendizados provenientes da especialização que faremos no terceiro módulo do curso. Ficamos muito feliz com o resultado :slight_smile:

▶️ Como rodar o código ?

  • Use o git clone e baixe em seu repositório local.
  • Em seu terminal vscode faça download das Libs py -m pip install flask e py -m pip install sqlachemy .
  • Por último, dê um code runner e conheça nosso catálago.

🔍 Link do projeto

Catálago Entre as Estrelas

💻 Linguagens utilizadas

  • Python
  • HTML/CSS
  • JavaScript

🧶 Frameworks utilizados

  • Flask

🌐 Banco de Dados

  • SQLAlchemy

🧠 Conhecimentos Utilizados

  • HTML/CSS
  • DOM
  • CRUD

🔧 Ferramentas

  • Visual Studio Code
  • Excel (Criação do Brainstorm)

🔵 Time 8

Ana Maria
Ana Maria
Dara
Dara Fontoura
Lucas
Lucas Soares
Marla
Marla Cabral
Patrick
Patrick Wendeel

✔️ Contribuições

Teve uma idéia legal de como melhorar nosso projeto e está afim de colocar em prática? Contribua Conosco!