https://github.com/alannub/portfolio
Portfólio
https://github.com/alannub/portfolio
biomejs framer-motion react-hooks react-router reactjs styled-components vitejs
Last synced: 3 months ago
JSON representation
Portfólio
- Host: GitHub
- URL: https://github.com/alannub/portfolio
- Owner: AlAnNuB
- License: mit
- Created: 2025-04-01T00:14:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-30T03:23:22.000Z (about 1 year ago)
- Last Synced: 2025-05-30T03:34:53.680Z (about 1 year ago)
- Topics: biomejs, framer-motion, react-hooks, react-router, reactjs, styled-components, vitejs
- Language: TypeScript
- Homepage: https://alannub.site/
- Size: 3.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfólio Pessoal - Alan Miranda
Este é o meu portfólio pessoal desenvolvido com React, TypeScript e Styled Components. O projeto apresenta uma interface moderna e responsiva, com navegação suave e animações elegantes.
## 🚀 Tecnologias Utilizadas
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled Components](https://styled-components.com/)
- [React Router](https://reactrouter.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [Phosphor Icons](https://phosphoricons.com/)
## ✨ Funcionalidades
- Design responsivo com suporte a mobile
- Navegação suave entre seções
- Animações de transição
- Menu mobile com painel lateral
- Tema no momento apenas escuro
- Navegação por scroll
- Interface moderna e minimalista
## 🛠️ Como Executar
1. Clone o repositório:
```bash
git clone https://github.com/AlAnNuB/portfolio
```
2. Instale as dependências:
```bash
npm install
# ou
yarn install
```
3. Execute o projeto:
```bash
npm run dev
# ou
yarn dev
```
4. Acesse `http://localhost:5173` no seu navegador
## 📱 Responsividade
O projeto é responsivo e se adapta a diferentes tamanhos de tela:
- Desktop: Navegação horizontal com menu completo
- Mobile: Menu hamburger com painel lateral deslizante
## 🎨 Estrutura do Projeto
```
src/
├── components/ # Componentes reutilizáveis
├── layouts/ # Layouts da aplicação
├── pages/ # Páginas/rotas
├── styles/ # Estilos globais e temas
├── types/ # Definições de tipos TypeScript
└── assets/ # imagens utilizadas
```
## 📄 Licença
Este projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.
## 🤝 Contribuições
Contribuições são sempre bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.
## 📧 Contato
- Email: alannub6@gmail.com
- LinkedIn: [/in/alanmirandasilva](https://www.linkedin.com/in/alanmirandasilva/)
- GitHub: [AlAnNuB](https://github.com/AlAnNuB)
---
Desenvolvido com ❤️ por Alan Miranda