Portfólio Pessoal - Projeto de Faculdade

🇺🇸 English | 🇧🇷 Português

Este é um projeto de portfólio pessoal desenvolvido com HTML, CSS e JavaScript puros. O site foi criado como parte de um trabalho acadêmico para o curso de Engenharia de Software no Centro Universitário Internacional Uninter e serve como uma vitrine para minhas habilidades, formação e projetos.

---

📋 Índice

• Visão Geral do Projeto
• Estrutura de Diretórios
• Destaques & Funcionalidades
• Tecnologias Utilizadas
• Observação sobre o Formulário de Contato
• Pré-requisitos
• Instalação
• Como Usar
• Contribuição
• Licença
• Autora

---

🚀 Visão Geral do Projeto

O projeto consiste em uma Single Page Application (SPA) que apresenta de forma clara e moderna minha jornada como desenvolvedora. A navegação é fluida e intuitiva, com seções bem definidas para "Sobre Mim", "Formação e Conquistas", "Portfólio" e "Contato".

📂 Estrutura de Diretórios

📦 COURSEPORTFOLIO
├── 📥 downloads
│   └── ptBR-cv.pdf
├── 🖼️ images
├── 📄 pages
│   └── thanks.html
├── ⚙️ scripts
│   └── main.js
├── 🎨 styles
│   ├── dark-mode.css
│   ├── main.css
│   └── reset.css
├── .gitignore
├── favicon.ico
├── index.html
├── README.en.md
└── README.md

✨ Destaques & Funcionalidades

• Formulário de Contato: Com validação e página de confirmação.
• 🎨 Design Responsivo e Adaptativo: A interface se ajusta perfeitamente a diferentes tamanhos de tela, de desktops a dispositivos móveis.
• 🌗 Tema Claro e Escuro: Um alternador no cabeçalho permite que o usuário escolha o tema visual de sua preferência, com a escolha sendo salva localmente.
• 🧭 Navegação Inteligente:
  • Desktop: Um elegante menu lateral que se expande ao passar o mouse, otimizando o espaço da tela.
  • Mobile: Um menu fixo na parte inferior da tela, inspirado em aplicativos nativos, para fácil acesso com o polegar.
• 🎬 Animações com Scroll: As seções e elementos surgem com animações sutis conforme o usuário rola a página, criando uma experiência de navegação mais dinâmica e engajadora.
• 🎠 Carrossel de Projetos: A seção de portfólio apresenta um carrossel interativo em desktops e uma lista rolável em dispositivos móveis.
• ♿ Acessibilidade: Foram implementadas práticas de acessibilidade, como o uso de atributos aria-label para botões, alt para imagens e uma estrutura semântica de HTML.

🛠️ Tecnologias Utilizadas

Este projeto foi construído utilizando as seguintes tecnologias:

📝 Observação sobre o Formulário de Contato

O formulário de contato presente na página é puramente visual e não possui um backend funcional para o envio de e-mails. Esta foi uma decisão de projeto alinhada aos requisitos do trabalho acadêmico proposto pela universidade, cujo foco era o desenvolvimento das habilidades de frontend (HTML, CSS e JavaScript). Ao submeter o formulário, o usuário é redirecionado para uma página estática de agradecimento.

Para entrar em contato, por favor, utilize os links para o LinkedIn ou e-mail disponíveis na seção "Autora" no final deste README.

⚙️ Pré-requisitos

Sem complicações por aqui: só um navegador e conexão com a internet serão o suficiente!

📦 Instalação

# 1. Clone este repositório
$ git clone https://github.com/emellybmuniz/coursePortfolio.git
# 2. Navegue até o diretório do projeto
$ cd coursePortfolio 
# 3. Abra no seu navegaor 

# Linux
$ xdg-open index.html

# macOS
$ open index.html 

# Windows
$ start index.html 

💡 Como Usar

1. Abra o arquivo index.html em seu navegador ou acesse o deploy do projeto.
2. Use o menu de navegação (lateral ou inferior) para navegar entre as seções.
3. No cabeçalho, clique no ícone de lua para alternar entre os temas claro e escuro.
4. Na seção de portfólio, use as setas (desktop) ou deslize o dedo (mobile) para ver os projetos.
5. Explore os links para o currículo, portfólio principal e redes sociais na primeira seção.

🤝 Contribuição

Contribuições são sempre bem-vindas e muito apreciadas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.

1. Faça um Fork do repositório.
2. Clone seu fork para sua máquina: (git clone https://github.com/seu-usuario/coursePortfolio.git)
3. Configure o repositório original como upstream (opcional):

   git remote add upstream https://github.com/emellybmuniz/coursePortfolio.git
   git fetch upstream
   git checkout main
   git merge upstream/main

4. Crie uma nova branch (git checkout -b feature/sua-feature).
5. Faça o commit de suas alterações (git commit -m 'Adiciona nova feature').
6. Faça o push para a branch (git push origin feature/sua-feature).
7. Abra um Pull Request.

🔑 Licença

Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE para obter mais detalhes.

✍️ Autora

Feito por Emelly Beatriz com ❤️

📬 Entre em contato: 📧 emellybmuniz@gmail.com | 💼 Linkedin | 🐙 Github