🌐 Projeto de Conclusão - Desenvolvimento Web

Atividade Avaliativa – Desenvolvimento Web | 2º Semestre ADS

Repositório referente ao Trabalho de Conclusão da Unidade da disciplina de Desenvolvimento Web, com o objetivo de desenvolver um site completo, integrando conceitos de Front-End e Back-End, planejamento visual e boas práticas de organização de código.

🛠️ Requisitos e Tecnologias Utilizadas

• 🎨 Figma – Design e identidade visual consistente
• 🎯 HTML Semântico – Uso de <main>, <footer>, <nav>, etc.
• 💅 SASS – Modularização com variáveis, mixins e estrutura organizada
• 🧩 PHP – Componentes reutilizáveis como header.php, nav.php, footer.php
• 📐 Sistema de Grid Responsivo – Utilização de CSS Grid, Flexbox ou frameworks como Bootstrap/Tailwind
• 🧾 Commits Organizados – Histórico claro de contribuição individual
• ⚙️ package.json – Documentação de dependências (caso aplicável)

📌 Funcionalidades Bônus (Extras)

• 🧪 Dashboard Administrativo – Gerenciamento de conteúdo para usuários autenticados
• 🔄 AJAX / jQuery / APIs Externas – Funcionalidades interativas e dinâmicas

📦 Estrutura do Projeto

📁 ProjetoProfFausto
├── 📁 config
│   └── 📄 connection.php
├── 📁 projetoFausto
├── 📁 public
│   ├── 📁 assets
│   │   ├── 🖼️ Alunos.png
│   │   ├── 🖼️ closedMenu.png
│   │   ├── 🖼️ logo.png
│   │   ├── 🖼️ openMenu.png
│   │   └── 🖼️ search.png
│   └── 📁 sass
│       ├── 📄 _footer.scss
│       ├── 📄 _header.scss
│       ├── 📄 _main.scss
│       ├── 📄 style.css
│       ├── 📄 style.css.map
│       └── 📄 style.scss
├── 📁 views
│   ├── 📁 partials
│   │   ├── 📄 footer.php
│   │   ├── 📄 header.php
│   │   ├── 📄 main.php
│   │   └── 📄 menu.php
│   ├── 📄 home.php
│   └── 📄 pg2.php
├── 📄 .gitignore
├── 📄 README.md
├── 📄 index.php
├── 📄 package-lock.json
└── 📄 package.json

📝 Observações

Este projeto foi desenvolvido como Trabalho de Conclusão da Unidade da disciplina de Desenvolvimento Web, com o objetivo de consolidar os conhecimentos adquiridos ao longo da unidade, integrando conceitos de front-end e back-end.

O site foi desenvolvido utilizando boas práticas de UX/UI Design, com layout baseado em Figma, estrutura modular com PHP, organização de estilos com SASS e uso de HTML semântico. O projeto também demonstra habilidades com versionamento de código, criação de componentes reutilizáveis e adoção de um sistema de grid para garantir responsividade.

A estrutura modular do código e a separação de responsabilidades entre arquivos visam facilitar a manutenção e a escalabilidade do projeto. Além disso, o uso do package.json permite rastrear dependências e facilitar a configuração do ambiente de desenvolvimento.

Este repositório representa o esforço colaborativo da equipe para entregar uma solução funcional, visualmente coerente e tecnicamente sólida.