Skip to content
GuizinhnPublic

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

Repository files navigation

CP3 - Portfólio (React + Vite)

Site de portfólio pessoal construído em React, atendendo aos requisitos:

  • Menu com rotas (React Router)
  • Apresentação pessoal
  • Lista de projetos com busca em tempo real
  • Rotas dinâmicas para detalhes do projeto (usando props/params)
  • Formulário de contato que exibe os dados via alert
  • Rodapé com ícones (react-icons) e links sociais

Tecnologias e bibliotecas

  • React 18
  • Vite 5
  • React Router DOM 6
  • React Icons

Estrutura de pastas (principal)

src/
  components/
    Footer.jsx
    Header.jsx
  data/
    projects.js
  pages/
    Contact.jsx
    Home.jsx
    ProjectDetail.jsx
    Projects.jsx
  App.jsx
  main.jsx
  styles.css

Como rodar localmente

  1. Instale as dependências:
    npm install
  2. Rode o servidor de desenvolvimento:
    npm run dev
  3. Acesse o endereço exibido no terminal (ex.: http://localhost:5173).

Deploy na Vercel

  • Faça login na Vercel e importe o repositório do GitHub
  • Framework: Vite
  • Build Command: vite build
  • Output Directory: dist
  • Depois do deploy, adicione o link aqui no README.

Rotas

  • / — Início (apresentação)
  • /projetos — Lista com busca e cards
  • /projetos/:slug — Detalhe do projeto
  • /contato — Formulário com alert

Observações

  • Para alterar os projetos, edite src/data/projects.js.
  • Atualize os links do rodapé (Github, LinkedIn, Email) em src/components/Footer.jsx.

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages