Loading repository data…
ParreirasJuniorWeb / repository
Meu portfólio criado com as tecnologias HTML5 e com o framework mais famoso e moderno de todos, o Bootstrap. Espero que curtam! Em meu portfólio, apresento-me a vocês, exibo minhas habilidades e mostro alguns dos meus projetos de web programação em HTML, CSS, Javascript e React JS.
Portfólio interativo e responsivo desenvolvido com HTML5 semântico e Bootstrap 5
My Resume é um portfólio web moderno e profissional que apresenta suas habilidades, projetos e experiência de forma elegante e interativa. Desenvolvido com Bootstrap 5 para garantir responsividade total.
Perfeito para:
portfolio/
├── index.html # Página principal
├── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── style.css # Estilos customizados
│ │ └── responsive.css # Media queries
│ ├── js/
│ │ ├── bootstrap.bundle.min.js
│ │ ├── script.js # JavaScript customizado
│ │ └── animations.js # Animações
│ ├── images/
│ │ ├── profile.jpg # Sua foto
│ │ ├── projects/ # Screenshots de projetos
│ │ └── skills/ # Ícones de tecnologias
│ └── fonts/
│ └── custom/ # Fontes customizadas
├── favicon.ico
├── .gitignore
├── .github/
│ └── workflows/
│ └── deploy.yml # CI/CD (opcional)
└── README.md
git clone https://github.com/ParreirasJuniorWeb/portfolio.git
cd portfolio
# Opção 1: Abra diretamente
open index.html
# Opção 2: Use Live Server (VS Code)
# Clique com botão direito em index.html
# "Open with Live Server"
Edite index.html com suas informações pessoais
Categorias sugeridas:
Edite assets/css/style.css:
:root {
--primary-color: #007bff; /* Azul */
--secondary-color: #6c757d; /* Cinza */
--success-color: #28a745; /* Verde */
--danger-color: #dc3545; /* Vermelho */
--light-bg: #f8f9fa; /* Fundo claro */
--dark-bg: #212529; /* Fundo escuro */
}
Edite index.html <head>:
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
Depois use em CSS:
body {
font-family: 'Poppins', sans-serif;
}
Ajuste no index.html:
<title>João Victor - Desenvolvedor Full Stack</title>
<meta name="description" content="Portfolio de João Victor, desenvolvedor full stack especializado em React e Node.js">
<meta name="keywords" content="developer, react, nodejs, portfolio">
<meta name="author" content="João Victor">
# 1. Crie repositório public
# 2. Push para GitHub
git push origin main
# 3. Vá em Settings > Pages
# 4. Selecione "Deploy from a branch"
# 5. Branch: main, Folder: / (root)
# Seu site em: https://seu-usuario.github.io/portfolio
npm i -g vercel
vercel
# 1. Conecte GitHub
# 2. Selecione repositório
# 3. Deixe configurações padrão
# 4. Deploy automático em cada push
Solução: Configure Formspree:
action do formulárioSolução: Verifique caminhos:
<!-- Errado -->
<img src="profile.jpg">
<!-- Correto -->
<img src="assets/images/profile.jpg">
Solução: Verifique viewport meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1">
MIT License - veja LICENSE
João Victor (Parreira Junior)
⭐ Crie seu portfólio profissional hoje! ⭐
Selected from shared topics, language and repository description—not editorial ratings.
teteusAraujo /
👨💻 Meu portfólio criado com o objetivo de mostrar os meus projetos criados e também o meu currículo .
erickao-120hzz /
Mini portfólio simples criado para apresentar minhas habilidades iniciais em HTML, CSS e JavaScript. Projeto desenvolvido durante meu aprendizado em desenvolvimento web.
gleysiferreira /
Portfolio com meus projetos criados
nataliapastre-dev /
Portfólio Front-End criado por Natália Pastre, reunindo meus principais projetos desenvolvidos com HTML, CSS, JavaScript, React e TailwindCSS. Totalmente responsivo, moderno e pensado para demonstrar minhas habilidades como desenvolvedora.
daanrox /
Este repositório armazena o código fonte do meu portfólio online criado utilizando HTML, CSS, Javascript, SCSS, ScrollReveal e SVG Inject
Brun0-Link /
Meu portfolio criado com ReactJs.