Quotes

Projeto proposto por Marcelo Pinheiro, administrador do grupo OsProgramadores, a partir da frase "Todo dia uma msg nesse grupo que te inspira a continuar, ótimo" (MERCER, Mateus).

Objetivo: criar um projeto em JavaScript para mostrar quotes diferentes todos os dias.

🔗 Links

• Acesse em: https://bernardocamps.github.io/quotes/
• Respositório do Backend em Go por Marcelo Pinheiro: https://github.com/mpinheir/quotes-backend
• Respositório da versão em Flutter por Lucas Lacerda: https://github.com/LucasLaacerda/Citei

🚧 Melhorias em Andamento

Acompanhe o andamento do Projeto em: Link

⚙ Melhorias Realizadas

• Introdução de css e melhorias na interface.
• Mudança para async/await - economia de dados da API.
• Adicionado botão para atualizar a página.
• Botão atualizar: ajustar CSS - Issue
• Layout responsivo para ajustar melhor à tela de celulares - Issue
• Banco de dados (MongoDB) para armazenar as quotes.
• Backend em ExpressJS - Heroku - Link
• Conectados frontend e backend com melhora importante na performance - Link do PR
• Backend em Go - Link do repositório
• Adicionada animação em JS do botão atualizar - Link do PR

👥 Contribuidores (ordem alfabética)

• Bernardo Campos
• Bruno Sana
• Carlos Alves
• Gabriel Mendonça
• Lucas Lacerda
• Marcelo Pinheiro
• Mariana Lira
• Mateus Mercer

📚 Entendendo o código

HTML

• O que é HTML? - Link
• Layout responsivo: adicionando meta de viewport - Link

CSS

• O que é CSS? - Link
• Z-index - para que serve? - Link

JavaScript

• O que é JavaScript? - Link
• O que é uma API? Link
• O que é uma Função Assíncrona? - Link
• O que significa a declaração try...catch? Link
• O que são Operadores de Comparação? Link
• Saiba mais sobre Assessores de Propriedade - Link
• Entendendo a função Math.random() - Link

Backend

• O que é Backend? Link
• Introdução a Node e Express - Link
• Entregando arquivos estáticos no Express - Link
• Definindo rotas no Express - Link
• O que é res.status(400)? Saiba em "Códigos de status de respostas HTTP" - Link