Portfólio Online para Desenvolvedores Backend
- #Node.js
- #TypeScript
- #JavaScript
Este projeto é uma aplicação simples, desenvolvida com React.js e TailwindCSS, projetada para funcionar como um portfólio online para desenvolvedores Backend. 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 investir muito tempo na criação de seu portfólio, focando no que realmente importa: seu trabalho e suas competências.
🌐 Acesse o Portfolio ao Vivo
Você pode acessar o portfólio ao vivo através do seguinte link:
📦 Tecnologias
- React.js – Biblioteca JavaScript para construção da interface de usuário.
- TailwindCSS – Framework de CSS utilitário 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:
git clone https://github.com/cleberliim/page-for-backend-developers
2. Instalar as dependências
Navegue até o diretório do projeto e instale as dependências com o seguinte comando:
cd my-portfolio npm install
3. Rodar o projeto
Para iniciar o projeto no ambiente de desenvolvimento, execute o seguinte comando:
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 um desenvolvedor backend mostrar sua stack.
🎨 Personalização
Este projeto foi feito com um design simplificado, mas você pode facilmente personalizá-lo 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 as cores, fontes e espaçamentos.
📱 Responsividade
O design foi projetado para ser totalmente responsivo. Use 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:
- Faça um fork deste repositório.
- Crie uma branch para sua feature (
git checkout -b minha-nova-feature
). - Commit suas mudanças (
git commit -am 'Adiciona nova feature'
). - Envie para o seu repositório forkado (
git push origin minha-nova-feature
). - Abra um Pull Request.
📄 Licença
Este projeto está licenciado sob a MIT License.
👥 Autores
- Cleber Lima – (https://github.com/cleberliim)
📥 Baixar o Código
Se preferir, você pode baixar o código-fonte deste repositório como um arquivo compactado:
- Acesse o repositório no GitHub: https://github.com/cleberliim/my-portfolio
- No canto superior direito, clique em "Code".
- Selecione a opção "Download ZIP".
Isso irá baixar o código-fonte do projeto em um arquivo .zip, que você pode descompactar e rodar localmente.