Este é o meu portfólio pessoal, criado com React, Vite e Styled Components. Aqui você pode encontrar informações sobre mim, meus projetos e habilidades, além de poder entrar em contato comigo.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- Vite: Ferramenta de build rápida e moderna.
- React Router DOM: Biblioteca para navegação entre páginas em um aplicativo React.
- Styled Components: Biblioteca para escrever CSS dentro do JavaScript.
- Axios: Cliente HTTP para realizar requisições a APIs.
- EmailJS: Serviço para envio de e-mails diretamente do front-end.
- Lucide React: Ícones personalizados para React.
- ESLint: Ferramenta de linting para manter a qualidade do código.
- Página Home: Visão geral do portfólio.
- Sobre mim: Informações sobre minha trajetória profissional e experiência.
- Projetos: Uma lista de projetos em que trabalhei, com links e descrições.
- Habilidades: Minhas principais habilidades e tecnologias que domino.
- Contato: Formulário para que você possa entrar em contato comigo.
Certifique-se de ter o Node.js instalado em sua máquina. Você pode verificar a versão instalada com o comando:
bash node -v .
Clone este repositório para o seu computador:
bash Copiar git clone https://github.com/SEU-USUARIO/portfolio.git
cd portfolio
Instale as dependências:
bash
Copiar
npm install
Execute o projeto no modo de desenvolvimento:
bash
Copiar
npm run dev
O projeto estará rodando em http://localhost:3000.
Gerando o Build de Produção Caso queira gerar uma versão otimizada para produção, execute:
bash
Copiar
npm run build
Para visualizar a versão de produção localmente, use:
bash
Copiar
npm run preview
Comandos Disponíveis
npm run dev: Inicia o servidor de desenvolvimento.
npm run build: Cria o build para produção.
npm run lint: Executa o ESLint para verificar o código.
npm run preview: Visualiza a versão de produção localmente.
-src: Contém todo o código fonte do projeto -components: Componentes reutilizáveis -pages: Páginas do portfólio (Home, Sobre, Projetos, etc.) -router: Configuração das rotas usando react-router-dom -styles: Arquivos de estilo globais e de tema (usando styled-components) -public: Contém os arquivos estáticos, como o index.html
Aqui estão as principais dependências que o projeto utiliza:
-
axios: ^1.7.5
-
emailjs-com: ^3.2.0
-
lucide-react: ^0.454.0
-
react: ^18.3.1
-
react-dom: ^18.3.1
-
react-icons: ^5.2.1
-
react-router-dom: ^6.27.0
-
styled-components: ^6.1.13
-
@vitejs/plugin-react: ^4.3.3
-
eslint: ^8.57.0
-
eslint-plugin-react: ^7.34.3
-
eslint-plugin-react-hooks: ^4.6.2
-
eslint-plugin-react-refresh: ^0.4.7
-
vite: ^5.3.4
Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para mais detalhes.
Sinta-se à vontade para contribuir para o projeto, ou entre em contato caso tenha alguma dúvida ou sugestão!
markdown Copiar