Este repositório contém o código-fonte do meu site de portfólio pessoal, desenvolvido com Next.js, Tailwind CSS, React e TypeScript. O site é totalmente responsivo e conta com funcionalidades de troca de tema (dark mode e light mode) e internacionalização troca de idiomas.
- Next.js: Framework React para renderização server-side e geração de sites estáticos.
- Tailwind CSS: Biblioteca de estilos utilitários para construção rápida de interfaces customizadas.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- TypeScript: Superset de JavaScript que adiciona tipos estáticos ao código.
- i18n: Biblioteca para internacionalização, facilitando a tradução do site para diferentes idiomas.
- Início: Uma apresentação básica sobre mim.
- Sobre Mim: Uma seção que conta um pouco da minha trajetória.
- Experiências: Mostra os lugares onde já trabalhei.
- Projetos: Alguns links dos meus repositórios no GitHub.
- Contatos: Links para LinkedIn,E-mail e WhatsApp e um formulário para envio de e-mail.
- Node.js
- npm ou yarn
git clone https://github.com/aureliodeboa/Portifolio.git
cd portfolio
Com npm:
npm install
Com yarn:
yarn install
Com npm:
npm run dev
Com yarn:
yarn dev
O site estará disponível em http://localhost:3000
.
/app
- layout.tsx # Configurações globais do app
- page.tsx # Página inicial
/assets #diretoriio que possui todos os arquivos estaticos
/components
- ButtonLink.tsx # Componente dos botões da navbar
- ButtonMidia.tsx # Componente dos botões de contatos
- ButtonTheme.tsx # Componente de troca de tema
- Container.tsx # Componente do background do site
- Navbar.tsx # Componente Navbar
- Swintchlanguage.tsx # Componente para troca de linguagem
/componets/sections
- Profile.tsx # Primeira secção do site
- about-me.tsx # Secção sobre mim
- experiences.tsx # Secçãode experiências
- projects.tsx # Secçãode projetos
- contact.tsx # Secção para contato
/contexts
- ThemeContext.tsx # Contexto para gerenciamento de tema
/types
-ThemeContextType.ts # Criação do type do contexto.
/src
- i18nify.ts # Configuração de internacionalização
- globals.css # Estilos globais com Tailwind CSS
Sinta-se à vontade para fazer um fork deste repositório e enviar pull requests. Toda contribuição é bem-vinda!
Este projeto está licenciado sob a licença MIT. Consulte o arquivo LICENSE
para obter mais informações.
Contato
Para mais informações, entre em contato através das redes sociais ou envie um e-mail através do formulário no site.
Autor Aurélio Ribeiro
Desenvolvedor Full-Stack | Entusiasta de Tecnologia