Skip to content

Repository files navigation

Portfólio Pessoal

Portfólio pessoal desenvolvido para a disciplina de Full Stack, com o objetivo de apresentar informações acadêmicas, profissionais e pessoais de forma organizada e responsiva.

Aluno

  • Nome: Lucas de Sousa e Silva
  • GU: GU3078931

Tecnologias utilizadas

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap 5
  • LocalStorage

Funcionalidades

  • Apresentação pessoal
  • Formação acadêmica
  • Conhecimentos e competências
  • Projetos
  • Experiências
  • Hobbies e lazer
  • Viagens
  • Informações de contato
  • Navegação responsiva
  • Formulário para preenchimento e edição das informações do portfólio
  • Armazenamento das informações utilizando localStorage
  • Interações e animações utilizando JavaScript

Ideia criativa: portfólio como molde

O portfólio também funciona como um molde vivo para demonstrar inovação e manipulação de elementos visuais: qualquer visitante pode simular o próprio site preenchendo uma cópia com as suas informações. A simulação fica salva apenas no navegador do visitante (aviso de modo demonstração) e nunca altera a versão publicada do autor — o que evita qualquer impressão de falha de segurança, pois o conteúdo original permanece intacto para todos os demais visitantes.

Como executar

O projeto não necessita de instalação de dependências.

Para executar:

  1. Baixe ou clone este repositório.
  2. Abra o arquivo index.html em um navegador atual.

Também é possível utilizar uma extensão como o Live Server no VS Code para executar o projeto localmente.

Estrutura do projeto

portfolio/
├── index.html
├── formulario.html
├── css/
│   └── style.css
├── js/
│   ├── script.js
│   └── form.js
├── assets/
├── docs/
│   ├── documentacao.md
│   ├── projeto.md
│   ├── mvp.md
│   └── backlog.md
└── README.md

Documentação

A documentação do projeto está na pasta docs/:

  • documentacao.md — principais prompts utilizados no desenvolvimento com IA, seus objetivos, resultados e análises críticas;
  • projeto.md — definição do projeto;
  • mvp.md — descrição do MVP;
  • backlog.md — histórias de usuário, critérios de aceitação, priorização MoSCoW e backlog acionável.

Na versão 2, a documentação da atividade do Impeccable está disponível em:

Aplicação publicada

Entre o link abaixo e veja o site no ar: CLIQUE AQUI!

About

Uma página criada utilizando HTML, CSS, e JavaScript através do processo de vibe coding com a ferrramenta Open Code para a disciplina de Desenvolvimento FullStack, do IFSP guarulhos - 2º semestre. O site é um portfólio meu, com a interatividade do usuário personalizar para si próprio, guardando seus dados em um LocalStorage.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages