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
- React 18
- Vite 5
- React Router DOM 6
- React Icons
src/
components/
Footer.jsx
Header.jsx
data/
projects.js
pages/
Contact.jsx
Home.jsx
ProjectDetail.jsx
Projects.jsx
App.jsx
main.jsx
styles.css
- Instale as dependências:
npm install
- Rode o servidor de desenvolvimento:
npm run dev
- Acesse o endereço exibido no terminal (ex.:
http://localhost:5173).
- 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.
/— Início (apresentação)/projetos— Lista com busca e cards/projetos/:slug— Detalhe do projeto/contato— Formulário com alert
- Para alterar os projetos, edite
src/data/projects.js. - Atualize os links do rodapé (
Github,LinkedIn,Email) emsrc/components/Footer.jsx.