Article image
Cleber Oliveira
Cleber Oliveira23/12/2024 10:32
Compartilhe

Portfólio Online para Devs

  • #Tailwind
  • #React
  • #JavaScript

Portfólio Online para Devs

Este projeto é uma aplicação simples, desenvolvida com React.js e TailwindCSS, projetada para funcionar como um portfólio online para desenvolvedores em geral. O objetivo é oferecer um design minimalista e funcional, permitindo que o desenvolvedor exiba seus projetos, compartilhe informações sobre sua experiência, habilidades e identidade profissional de forma intuitiva. A aplicação foi pensada para que o desenvolvedor não precise de grandes conhecimentos em design ou invista muito tempo na criação de seu portfólio, focando no que realmente importa: seu trabalho e suas competências.

🌐 Acesse o Portfólio ao Vivo

Você pode acessar o portfólio ao vivo através do seguinte link:

Portfólio ao Vivo

📦 Tecnologias

  • React.js – Biblioteca JavaScript para construção da interface do usuário.
  • TailwindCSS – Framework de CSS específico para estilização rápida e responsiva.
  • Vite – Ferramenta de build para React, com foco em alta performance.

🚀 Começando

Para rodar este projeto em sua máquina local, siga os passos abaixo:

  1. Clonar o repositório

Clone este repositório para o seu computador:

bash
Copiar código
git clone https://github.com/cleberliim/portfolio-online-devs.git
  1. Instalar as dependências

Navegue até o diretório do projeto e instale as dependências com o seguinte comando:

bash
Copiar código
cd portfolio-online-devs
npm install
  1. Rodar o projeto

Para iniciar o projeto no ambiente de desenvolvimento, execute o seguinte comando:

bash
Copiar código
npm run dev

✨ Funcionalidades

  • Página de apresentação – Apresentação simples com informações sobre o desenvolvedor.
  • Exibição de projetos – Seção para listar e detalhar projetos desenvolvidos, com links para repositórios GitHub ou deploys ao vivo.
  • Design responsivo – Com TailwindCSS, o layout se adapta a diferentes tamanhos de tela.
  • Seção de habilidades – Apresentação das tecnologias e ferramentas dominadas, ideal para qualquer desenvolvedor mostrar sua pilha.

🎨 Personalização

Este projeto foi feito com um design simplificado, mas você pode personalizá-lo facilmente para se adequar à sua identidade visual.

  • Modificar o conteúdo: Altere o arquivo src/data.js para editar as informações sobre você e seus projetos.
  • Alterar o tema visual: Você pode modificar as classes do TailwindCSS nos arquivos de componentes para personalizar os núcleos, fontes e espaçamentos.

📱 Responsabilidade

O design foi projetado para ser totalmente responsivo. Utilize a funcionalidade de inspeção do navegador para testar como a aplicação se comporta em diferentes dispositivos móveis, como smartphones e tablets.

🛠️ Contribuições

Se você gostaria de contribuir para este projeto, siga os passos abaixo:

  1. Faça um fork deste repositório.
  2. Crie um branch para sua feature:
bash

git checkout -b minha-nova-feature
  1. Commite suas mudanças:
bash

git commit -am 'Adiciona nova feature'
  1. Envie para seu repositório bifurcado:
bash

git push origin minha-nova-feature
  1. Abra um Pull Request.

📄 Licença

Este projeto está licenciado sob uma licença do MIT.

👥 Autores

Cleber Lima – GitHub

📥 Baixar o Código

Se preferir, você pode baixar o código-fonte deste repositório como um arquivo compactado:

  1. Acesse o repositório no GitHub: https://github.com/cleberliim/portfolio-online-devs.git
  2. No canto superior direito, clique em "Código".
  3. Selecione a opção "Baixar ZIP".
  4. Isso irá baixar o código-fonte do projeto em um arquivo .zip, que você pode descompactar e rodar localmente.
Compartilhe
Comentários (0)