Bem-vindo(a) ao repositório do meu portfolio pessoal. Apresento aqui meus projetos, habilidades e experiências como desenvolvedora.
Vercel: https://portfolio-ruby-six-4v3h2jo7ea.vercel.app/
Este projeto foi desenvolvido com o objetivo de:
- Centralizar meus principais projetos
- Demonstrar minhas habilidades técnicas
- Servir como cartão de visita profissional
O portfolio consome dados de uma API e utiliza um banco de dados para armazenar informações dos projetos exibidos.
Considerando acessibilidade como um dos principais aspectos a serem trabalhados na construção de um site, foi utlizado algumas ferramentas básicas de testes para melhor navegação inclusiva.
| Antes | Depois |
|---|---|
| devtools | |
| accessibilitychecker | |
| amaweb.unifesp |
Sistemas de teste voltadas a medição de boas práticas na web, analisando acertos e erros gerais aplicados.
- Accessibility Checker
- Wave - WebAIM
- Silktide extension
- Acessibility insights for web - web extension
- AMAWeb Unifesp
| n° | infos |
|---|---|
| 1 | Cartões interativos com informações sobre mim e desenvolvimento de habilidades profissionais |
| 2 | Links para contato |
| 3 | Rotas de aprendizado |
| 4 | Seção de projetos já concluídos ou em progresso |
| 5 | Sobre aprimoramento das habilidades de front-end, web design e back-end |
| 6 | Cursos e certificados |
| 7 | Aprensentação sobre cada projeto realizado |
- Informações registradas no MongoDB Atlas
- Supabase para gerenciamento de imagens e documentos
- Lucide Icons
- Devicons
- Tailwind CSS v4
- Modern, minimal, responsive UI
- Handlebars template
Design
- Arrumar versões em inglês, utilizando branchs separadas
- Implementar testes
- Implementar funcionalidade de admin
- Melhoria de SEO
- Melhoria de acessibilidade
O Portfolio esta separado em duas branches para suporte na lingua Portuguesa-BR e Inglês
- Branch
Portuguese: Inteira versão do portfolio em Português - Branch
English: Inteira versão do portfolio em Inglês
Folder Structure
portfolio/
│
├─ app.js
├─ package.json
├─ package-lock.json
├─ LICENSE
├─ .gitignore
├─ README.md
|
├─ db/
├─ repository/
├─ controllers/
├─ services/
├─ models/
├─ routes/
│
├─ public/
│ ├─ js/
│ ├─ css/
| └─ img/
|
└─ views/
├─ admin/
| ├─ partials/
| └─ ...
└─ website/
├─ partials/
└─ ...
Este projeto está licenciado sob a MIT License.
Você pode utilizá-lo livremente para fins de estudo e referência.