https://github.com/AlexdeJesusFS/portfolio
Site pessoal criado como portfólio mostrando minhas habilidades e experiências.
https://github.com/AlexdeJesusFS/portfolio
css3 html5 lottie react styled-components typescript web
Last synced: 6 months ago
JSON representation
Site pessoal criado como portfólio mostrando minhas habilidades e experiências.
- Host: GitHub
- URL: https://github.com/AlexdeJesusFS/portfolio
- Owner: AlexdeJesusFS
- License: mit
- Created: 2024-11-14T23:45:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-02T22:09:40.000Z (over 1 year ago)
- Last Synced: 2025-01-02T23:19:50.580Z (over 1 year ago)
- Topics: css3, html5, lottie, react, styled-components, typescript, web
- Language: TypeScript
- Homepage:
- Size: 5.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Meu Portfólio Pessoal
[](https://biomejs.dev)
[](https://github.com/AlexdeJesusFS/portfolio/actions/workflows/code-quality.yaml)
[](https://vercel.com)
[](https://react.dev/)
[](https://vitejs.dev/)
[](https://www.typescriptlang.org/)
## 📌 Introdução
Este é o meu site pessoal, criado como um **portfólio** para apresentar minhas **habilidades** e **experiências**.
Nele, destaco projetos profissionais que desenvolvi ao longo da minha trajetória e as tecnologias com as quais já trabalhei.
---
## 🎨 Design e Protótipo
O site foi desenvolvido com base em um design e protótipo inicial criado no [Figma](https://www.figma.com/), que serviram como base para a cosntrução. Durante o processo de criação, segui boas práticas de desenvolvimento e design, como design system, tipografia, componentização, usabilidade e responsividade.
Para ver o protótipo do Figma [clique aqui](https://www.figma.com/design/3GtHYaqVA62W1NZVbkdvaW/%F0%9F%92%BBAlexdeJesusFS?node-id=1-4&t=ozB7TjPN51m3rz2z-1)
---
## 🚀 Tecnologias Utilizadas
Abaixo estão listadas as principais tecnologias utilizadas na construção do projeto, incluindo bibliotecas, frameworks e linguagens:
[](https://react.dev/)
[](https://vitejs.dev/)
[](https://www.typescriptlang.org/)
[](https://sass-lang.com/)
[](https://typicode.github.io/husky/#/)
[](https://biomejs.dev/)
---
## ⚡ Melhorias com Lighthouse
Foi utilizada a ferramenta [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview?hl=pt-br) da Google para otimizar o site, o que ajudou a melhorar em:
- 🚀 **Desempenho**
- ♿ **Acessibilidade**
- ✅ **Práticas recomendadas**
- 🔍 **SEO**
**Valor mínimo de qualidade para todos os tópicos atingidos:**
---
## Deploy e CI/CD
O site está hospedado na **Vercel**, utilizando sua plataforma moderna para deploy rápido e automatizado com **Continuous Deployment (CD)**. A integração com **GitHub Actions** e **Husky** garante a qualidade do código por meio de **Continuous Integration (CI)**, enquanto o DNS é gerenciado pela **Cloudflare**, aproveitando sua segurança e otimização de desempenho via CDN.
- **Vercel**: Continuous Deploy, cada atualização no repositório atualiza o site automaticamente e com uma um versão para preview na branch staging.
- **GitHub Actions**: Pipeline de CI para lint e formatação garantindo qualidade de código e 0 erros.
- **Husky**: Validação local pré-commit para consistência de código.
- **Cloudflare**: Gerenciamento de DNS com proteção DDoS e cache global para carregamento rápido.