Portfolio Hugo

Bem-vindo ao repositório do meu portfólio! Este projeto foi desenvolvido utilizando Next.js, Lucide-react e Tailwind CSS para criar uma interface moderna, responsiva e de fácil manutenção.

Tecnologias Utilizadas

• Next.js: Framework React para desenvolvimento de aplicações web.
• Lucide-react: Biblioteca de ícones React.
• Tailwind CSS: Framework CSS para estilização rápida e eficiente.

Estrutura do Projeto

A estrutura do projeto está organizada da seguinte forma:

PortfolioOF/
├── public/
│└── Imgs/
│ ├── Foto.png
│ └── QR_code.png
├── src/
│ ├── app/
│ │ └── layout.tsx
│ ├── Components/
│ └── Infos/
│ └── Infos.tsx
├── .gitignore
├── package.json
└── README.md

Instalação

Siga os passos abaixo para configurar o projeto localmente:

1. Clone o repositório:

   git clone <URL_DO_REPOSITORIO>
   cd PortfolioOF
   

2. Instale as dependências:

 npm install

Executando o Projeto Para iniciar o servidor de desenvolvimento, execute o comando:

npm run dev

O projeto estará disponível em http://localhost:3000.

Componentes Layout

O componente Layout define a estrutura básica da aplicação, incluindo o título e a descrição.

Infos O componente Infos exibe informações pessoais e links para redes sociais.

Configurações do VS Code Aqui estão algumas configurações úteis do VS Code para este projeto:

{ "workbench.colorTheme": "Omni", "liveServer.settings.donotShowInfoMsg": true, "workbench.iconTheme": "vscode-icons", "files.autoSave": "onFocusChange", "explorer.confirmDelete": false, "git.openRepositoryInParentFolders": "never", "explorer.compactFolders": false, "workbench.tree.indent": 14, "editor.quickSuggestions": { "comments": "on" }, "editor.wordWrap": "on", "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "git.enableSmartCommit": true, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "explorer.confirmDragAndDrop": false, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "javascript.updateImportsOnFileMove.enabled": "always", "workbench.editor.empty.hint": "hidden", "[scss]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "tabnine.experimentalAutoImports": true, "typescript.updateImportsOnFileMove.enabled": "always" }

Deploy

https://portfolio-hza.vercel.app

Contribuição Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.

Desenvolvido com ❤️ por Hugo. ```