USP-PET-Website

Website desenvolvido como parte do processo seletivo para o grupo PET Computação da Universidade de São Paulo - São Carlos.

Objetivos

• Divulgar as atividades do grupo;
• Atrair novos membros;
• Demonstrar habilidades em desenvolvimento web;

Tecnologias & Estrutura

• Ambiente: Node.js;
• Framework: Express;
• Template Engine: EJS;
• Estilização: HTML5, CSS3, JavaScript;
• Design: Figma/Axure RP;
• Estrutura: Padrão MVC (Model-View-Controller);

📦 Dependências Principais

• google-spreadsheet: Integração com Google Sheets API;
• google-auth-library: Autenticação com serviços Google;

APIs Integradas

• Google Sheets API;

Links Úteis

• Repositório Github: https://github.com/SofiaAlbuLima/USP-PET-Website
• Link do Protótipo: https://ors6ou.axshare.com/?g=4&id=xphh1n&p=landing_page

Excencial

• 🟢 Estrutura MVC organizada;
• 🟢 Experiência de usuário (animações na navegação);
• 🟡 Acessibilidade (leitura de tela); ⚠️
• 🟢 Responsividade para Mobile & Tablet; ⚠️
• 🟢 Alteração de informações pelo google sheets.

To-do atual - Objetivo: Colocar o site do PET no ar!

| 21/05 - 12/06

• 🟢 Resposividade
• 🟢 Título das atividades nas atividades ativas
• 🔴 Pilares parecem botões ->> ideia: usar como botões e apresentar as frentes do PET!
• 🟢 Atividade alterar automaticamente conforme as datas limites de atividades
• 🟢 Arrumar css, quando há muitas atividades (mobile, tablet e desktop!)
• 🔴 Aprender a hospedar!!!

Ideias de Implementação

• Direcionamento para o apresenta do PET
• Página de membros do PET
  • Na página de membros: ex-membros também
  • PETs dos membros do PET
• Página Sobre o PET
• Galeria de fotos de eventos
• Funcionalidade de utilidade do site (ex: manual de C, livros)
  • Overclock: materiais disponíveis para suporte em C
  • Eu amo o Quartus (Li)
  • Guia dos bixos (links importantes, grupos de extensão, o que são horas, etc...)