/portfolio-v2

Meu portfolio com temática espacial feito com Next.js, TypeScript, Tailwind, Three.js e Framer Motion

Primary LanguageTypeScriptMIT LicenseMIT

Portfolio V2

portfolio

Este é o meu projeto de portfólio construído com Next.js, React, TailwindCSS e TypeScript. Ele usa Next.js para renderização do lado do servidor e roteamento, React para construção dos componentes da interface do usuário e TypeScript para tipagem estática. Além das bibliotecas Frame Motion e Three.js para Animações e 3D respectivamente.

Instalação

Primeiro, clone o repositório:

git clone https://github.com/darkmoonsk/portfolio-v2.git

Em seguida, instale as dependências:

cd portfolio-v2
npm install

Execução

Para iniciar o servidor de desenvolvimento, execute:

npm run dev

Agora você pode acessar o aplicativo em http://localhost:3000.

Estrutura do Projeto

O código fonte do projeto está localizado na pasta src. Aqui estão alguns dos principais diretórios e arquivos:

  • components: Contém os componentes React que compõem a interface do usuário.
  • app: Contém os componentes de página do Next.js.
  • constants: Contém as constants do projeto.
  • utils: Contém funções utilitárias.

Dependências

Este projeto usa as seguintes dependências:

  • @heroicons/react: Para ícones SVG.
  • next: O framework Next.js.
  • react: A biblioteca React.
  • react-dom: A biblioteca React DOM.
  • react-icons: Para ícones React.
  • @react-three/drei: Para trabalhar com Three.js no React.
  • @react-three/fiber: Para trabalhar com Three.js no React.
  • @types/node: Para tipos TypeScript para Node.js.
  • @types/react: Para tipos TypeScript para React.
  • @types/react-dom: Para tipos TypeScript para React DOM.
  • autoprefixer: Para prefixação automática de CSS.
  • eslint: Para linting de código JavaScript.
  • eslint-config-next: Configuração ESLint para Next.js.
  • framer-motion: Para animações.
  • postcss: Para transformação de CSS.
  • react-intersection-observer: Para observar intersecções de elementos.
  • tailwindcss: Para estilos CSS.
  • three: Para gráficos 3D.
  • typescript: Para tipagem estática.

Licença

Este projeto é licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.