Bem-vindo ao meu portfólio de projetos React! Esta coleção demonstra minhas habilidades e experiência com desenvolvimento web moderno usando React, Vite e outras tecnologias do ecossistema JavaScript.
Uma calculadora completa desenvolvida em React com operações matemáticas básicas e avançadas. O projeto demonstra:
- Gerenciamento de estado com React Hooks
- Componentização reutilizável
- Interface responsiva
- Testes unitários com Jest
Tecnologias: React, Vite, Styled Components, Jest
Aplicativo para busca de informações em tempo real usando API pública. Características principais:
- Consumo de API REST com Axios
- Filtragem e pesquisa em tempo real
- Paginação de resultados
- Cache de requisições
Tecnologias: React, Axios, React Query, Tailwind CSS
Aplicação web que permite buscar e visualizar páginas wiki de repositórios públicos do GitHub:
- Busca por proprietário e nome do repositório
- Visualização de conteúdo markdown
- Filtragem por termo de pesquisa
- Acesso direto às páginas no GitHub
Tecnologias: React, GitHub API, React Markdown, date-fns
Todos os projetos seguem uma estrutura similar e podem ser executados com os seguintes comandos:
# Clonar o repositório
git clone https://github.com/seu-usuario/nome-do-projeto.git
cd nome-do-projeto
# Instalar dependências
npm install
# Executar servidor de desenvolvimento
npm run devTodos os projetos seguem esta estrutura organizada:
src/
├── assets/ # Recursos estáticos
├── components/ # Componentes reutilizáveis
├── pages/ # Componentes de página
├── services/ # Integrações com APIs
├── styles/ # Estilos globais
├── utils/ # Funções utilitárias
├── App.jsx # Componente principal
└── main.jsx # Ponto de entrada
- ⚛️ React - Biblioteca JavaScript para construção de UIs
- ⚡ Vite - Ferramenta de desenvolvimento frontend de próxima geração
- 💅 Styled Components - Estilização CSS-in-JS
- 🎨 Tailwind CSS - Framework CSS utilitário
- 🔄 React Router - Navegação entre páginas
- 📡 Axios - Cliente HTTP para requisições API
- 🧪 Jest - Framework de testes JavaScript
- 📘 React Markdown - Renderização de conteúdo Markdown
- Adicionar testes end-to-end com Cypress
- Implementar Continuous Deployment com GitHub Actions
- Adicionar suporte a temas claro/escuro
- Desenvolver versão mobile para todos os projetos
Se você tiver alguma pergunta ou feedback sobre meus projetos:
⭐ Fique à vontade para explorar os repositórios individuais para mais detalhes sobre cada projeto!