Portfolio Luciana Sena

Portfólio de projetos, incluindo trabalhos profissionais e exercícios de estudo. Aqui estão exemplos das minhas habilidades em frontend, com foco em HTML5, CSS3, JavaScript(ES6+) e React, demonstrando minha evolução como desenvolvedora e meu compromisso com a criação de interfaces funcionais e atraentes que oferecem uma experiência de usuário excepcional.

Visão Geral

Este portfólio é uma vitrine dos meus projetos de frontend, incluindo:

• Trabalhos Profissionais: Projetos desenvolvidos para clientes ou empresas.
• Exercícios de Estudo: Projetos pessoais e experimentos para aprimorar minhas habilidades.

Tecnologias Utilizadas

• HTML5: Estruturação semântica e acessível de conteúdo web.
• CSS3: Estilização avançada, incluindo Flexbox, Grid e animações.
• JavaScript: Funcionalidades modernas para interatividade e lógica.

Instalação e Visualização

Para visualizar este projeto localmente:

1. Clone o repositório:

   git clone https://github.com/coderlucianasena/portfolio-sena.git
   

Abra o projeto no Visual Studio Code:

1. Abra o VS Code
2. Vá em File > Open Folder
3. Selecione a pasta do projeto clonado

Instale a extensão Live Server:

1. No VS Code, vá para a seção de extensões (ícone de quadrados no menu lateral esquerdo ou pressione Ctrl+Shift+X)
2. Pesquise por "Live Server"
3. Clique em "Install" na extensão "Live Server" oferecida por Ritwick Dey

Uso

Para visualizar o projeto:

1. No VS Code, com o projeto aberto, localize o arquivo index.html na estrutura de arquivos.
2. Clique com o botão direito no arquivo index.html.
3. Selecione a opção "Open with Live Server" no menu de contexto.
4. O projeto será aberto automaticamente no seu navegador padrão.

O Live Server criará um servidor local e abrirá o projeto no seu navegador. Ele também oferece a funcionalidade de recarga automática, então qualquer alteração que você fizer no código será imediatamente refletida no navegador.

Para uma melhor experiência, recomenda-se usar navegadores modernos como Google Chrome, Mozilla Firefox, Safari ou Microsoft Edge.

Nota: Certifique-se de que o Live Server está rodando sempre que quiser visualizar ou trabalhar no projeto. O ícone do Live Server na barra inferior do VS Code indicará se o servidor está ativo.

Acessibilidade

1. Feito Relatório de práticas de acessibilidade Web (WCAG 2.1 do W3C) WCAG 2.1 do W3C
2. Feita a inclusão do VLibras VLibras Integração

Mockup

Versão Web

Figura 1: Mockup da versão web do projeto.

Versão Mobile

Figura 2: Mockup da versão mobile do projeto.