Skip to content

Meu portfólio pessoal para mostrar projetos e habilidades, com uma interface moderna e responsiva. Inclui um modelo 3D interativo com Three.js e um formulário de contato funcional. Desenvolvido com React, Next.js, TypeScript e TailwindCSS.

License

Notifications You must be signed in to change notification settings

ThiagoBRG60/Portfolio

Repository files navigation

Portfólio

Top language Language Count Repository Size GitHub Repo stars GitHub forks License

Resultado final do projeto

📝 Descrição

Meu portfólio pessoal, com o objetivo de mostrar meus projetos e habilidades. Possui tanto o front-end quanto o back-end, com uma API para receber emails a partir do formulário de contato.

Esse projeto é totalmente aberto para a comunidade contribuir e utilizar como base para seus próprios portfólios.

Observação: Falta adicionar o restante dos projetos na seção de projetos, porém vou adicionar em breve. Fique atento às atualizações!

🚀 Funcionalidades

  • Exibição de projetos pessoais
  • Modelo 3D interativo do planeta usando ThreeJS
  • Formulário de contato funcional com a API do Resend
  • Design responsivo

💻 Tecnologias

Front-End:

  • React
  • NextJS
  • Typescript
  • TailwindCSS

Back-End:

  • NextJS API Routes
  • Resend (para o recebimento de emails)

📚 Bibliotecas

  • ThreeJS (para renderizar o modelo 3D do planeta)
  • React Three Fiber e Drei: Para integração com ThreeJS no React.
  • Font Awesome Icons

⚙️ Pré-requisitos

Antes de executar o projeto, certifique-se de que você tenha instalado:

  • Node.js (recomendado versão 18.x ou superior)
  • npm (gerenciador de pacotes do Node.js) ou yarn

Para verificar se você tem o Node.js e o npm instalados, execute:

node -v
npm -v

Se você não tiver o Node.js instalado, você pode baixá-lo aqui: https://nodejs.org.

Se preferir usar o yarn, você pode instalá-lo globalmente com:

npm install -g yarn

🛠️ Como Executar o Projeto

  1. Clone o projeto:
git clone https://github.com/ThiagoBRG60/Portfolio.git
  1. Instale as dependências:
npm install
  1. Configure as variáveis de ambiente, (como é mostrado no arquivo .env.example).

  2. Execute o projeto:

npm run dev
  1. Acesse http://localhost:3000 no seu navegador.

🤝 Contribuindo

Contribuições são sempre bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.

  • Para contribuir com o projeto, siga esses passos:
  1. Faça um fork do repositório

  2. Crie uma branch para a sua feature ou alteração: git checkout -b nome-da-sua-branch

  3. Faça suas alterações, adicione e dê commit: git add . e git commit -m 'mensagem-de-commit'

  4. Envie suas alterações para o repositório forkado no GitHub: git push origin nome-da-sua-branch

  5. Crie um pull request no GitHub para o repositório principal.

📬 Contato

Caso tenha alguma dúvida, entre em contato comigo pelo meu email:

Gmail

📄 Licença

Esse projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para detalhes.


⭐ Se esse projeto te ajudou de alguma forma, considere deixar uma estrela!

About

Meu portfólio pessoal para mostrar projetos e habilidades, com uma interface moderna e responsiva. Inclui um modelo 3D interativo com Three.js e um formulário de contato funcional. Desenvolvido com React, Next.js, TypeScript e TailwindCSS.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published