Repositório contendo o código-fonte do meu portfólio, desenvolvido inteiramente utilizando a biblioteca React. O objetivo deste projeto é demonstrar minhas habilidades com componentes reutilizáveis, gerenciamento de estado e estilização moderna.
O Portfólio React é uma evolução da minha presença digital. Construído para ser uma Single Page Application (SPA) rápida e dinâmica, ele utiliza o poder do React para criar uma experiência de usuário fluida.
Neste projeto, aplico conceitos fundamentais do React moderno, como o uso de Hooks, componentização inteligente e integração com TypeScript para garantir um código seguro e escalável. A estilização avançada via SASS (SCSS) permite uma organização visual refinada.
- SPA Fluida: Navegação rápida e sem recarregamento de página.
- Componentização: Arquitetura baseada em componentes reutilizáveis (Header, Projetos, Skills, Footer).
- Projetos em Destaque: Integração de assets visuais para apresentar projetos reais (Agenda de Clientes, BarberPro, DevStudy).
- Design Responsivo & SASS: Estilização modular e adaptável a diferentes dispositivos utilizando variáveis e mixins do SASS.
- Tipagem Segura: Implementação de TypeScript para prevenção de erros durante o desenvolvimento.
- React (Create React App ou Vite)
- TypeScript
- SASS (SCSS)
- HTML5
- Git e GitHub
- NPM / Yarn
- VS Code
- (Insira a plataforma de deploy: Vercel, Netlify, Render, etc)
A estrutura foi organizada seguindo boas práticas para projetos React:
├── public/ # Arquivos públicos (index.html, favicon)
├── src/ # Código-fonte principal
│ ├── assets/ # Imagens, ilustrações (SVG, PNG) e avatares
│ ├── components/ # Componentes reutilizáveis (Header, Card, Footer)
│ ├── styles/ # Estilos globais e variáveis SCSS
│ ├── App.tsx # Componente raiz da aplicação
│ ├── App.scss # Estilização do componente raiz
│ └── index.tsx # Ponto de entrada do React
├── package.json # Dependências e scripts do projeto
└── README.md
- Node.js instalado na máquina
- NPM ou Yarn
# Clonar o repositório
git clone https://github.com/edsonplz/portfolio-react.git
# Entrar na pasta do projeto (caso esteja dentro do subdiretório)
cd portfolio-react/portfolio-react
# Instalar as dependências
npm install
# ou
yarn install
# Iniciar o servidor de desenvolvimento
npm start
# ou
yarn startO aplicativo abrirá automaticamente no navegador em http://localhost:3000.
Desenvolvedor Front-End | React • TypeScript • Spring Boot
⭐ Se você gostou do código e da estrutura deste projeto, deixe uma estrela no repositório!