Portfolio desenvolvido em 2023, com responsividade, internacionalização nativa e integração com o github, construído de forma dinâmica, para que seja possível reutilizá-lo sem grandes mudanças
Para ver a interface no figma, clique aqui
Veja o arquivo package.json
Para que seja possível rodar o projeto, é necessário inserir em um arquivo
.env
as variáveis de ambiente. Essas variáveis são:
NEXT_PUBLIC_EMAIL
NEXT_PUBLIC_GITHUB_USERNAME
*GA_TRACKING_ID
NEXT_PUBLIC_EMAILJS_SERVICE_ID
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY
NEXT_PUBLIC_CV_URL
NEXT_PUBLIC_GITHUB_URL
NEXT_PUBLIC_LINKEDIN_URL
NEXT_PUBLIC_INSTAGRAM_URL
*Obrigatória
A parte de internacionalização está separada em 3 partes dentro do projeto:
- translations.ts - Onde devem ser armazenados todos os textos a serem exibidos dependendo da lingua selecionada
- languages.ts - Onde devem ser adicionadas as linguas suportadas, juntamente com a importação do seu respectivo icone
- TranslateContext - Onde é realizada a seleção dos textos para a lingua selecionada e o compartilhamento para todo o projeto
A parte de Carreira também possui internacionalização, mas fica armazenada em outro local e é explicado abaixo
A parte de carreira está armazenada em um arquivo carrer.ts na pasta de constantes.
Essa parte também possui internacionalização, funcionando de forma muito semelhante ao resto do sistema nesse quesito
Para realizar qualquer atualização nessa aba, basta atualizar o JSON, alterando em todas as linguas disponíveis
# Clone este repositório
$ git clone https://github.com/CaduZulian/Portfolio-V1.git
# Acesse a pasta do projeto no terminal/cmd
$ cd Portfolio-V1
# Instale as dependências
$ yarn install
# Execute a aplicação
$ yarn dev
# O cliente iniciará na porta: 3000 - acesse http://localhost:3000
# Clone este repositório
$ git clone https://github.com/CaduZulian/Portfolio-V1.git
# Acesse a pasta do projeto no terminal/cmd
$ cd Portfolio-V1
# Instale as dependências
$ yarn install
# Realize o build da aplicação
$ yarn build
# Execute a aplicação
$ yarn start
# O cliente iniciará na porta: 3000 - acesse http://localhost:3000
Para a primeira versão, ficou faltando um bloco de informações voltado as skills. Uma possível atualização seria adicionar esse bloco