🚀 Portfólio React - Jocely Marques

Bem-vindo ao meu portfólio pessoal! Este projeto é uma aplicação web moderna construída com as melhores tecnologias para apresentar meus trabalhos, experiências e contatos de forma elegante e responsiva.

✨ Sobre o Projeto

Este portfólio foi desenvolvido para destacar minhas habilidades como desenvolvedor, incluindo projetos, experiências profissionais e informações de contato. A interface é limpa, moderna e totalmente responsiva, garantindo uma experiência incrível em qualquer dispositivo.

🛠️ Tecnologias Utilizadas

Este projeto utiliza uma stack moderna e eficiente:

• React 19 - Biblioteca JavaScript para construção de interfaces de usuário
• Vite 7 - Ferramenta de build rápida e otimizada para desenvolvimento web
• Tailwind CSS 4 - Framework CSS utilitário para estilização rápida e consistente
• Headless UI - Componentes acessíveis e não opinativos para React
• Heroicons - Conjunto de ícones SVG otimizados
• ESLint - Ferramenta de linting para manter a qualidade do código
• PostCSS & Autoprefixer - Processamento e otimização de CSS

📦 Instalação e Configuração

Siga estes passos simples para rodar o projeto localmente:

Pré-requisitos

• Node.js (versão 16 ou superior)
• npm ou yarn

Passos de Instalação

1. Clone o repositório:

   git clone https://github.com/jocelymarques/portfolio.git
   cd portfolio

2. Instale as dependências:

   npm install

3. Execute o servidor de desenvolvimento:

   npm run dev

4. Abra no navegador: Acesse http://localhost:5173 (ou a porta indicada no terminal)

🚀 Scripts Disponíveis

• npm run dev - Inicia o servidor de desenvolvimento com hot reload
• npm run build - Gera a build de produção otimizada
• npm run preview - Visualiza a build de produção localmente
• npm run lint - Executa o ESLint para verificar a qualidade do código

📁 Estrutura do Projeto

portfolio/
├── public/           # Assets estáticos
├── src/
│   ├── assets/       # Imagens e ícones
│   ├── components/   # Componentes React reutilizáveis
│   │   ├── About.jsx
│   │   ├── Contacts.jsx
│   │   ├── Experiences.jsx
│   │   ├── NavBar.jsx
│   │   └── Project.jsx
│   ├── App.jsx       # Componente principal
│   └── main.jsx      # Ponto de entrada da aplicação
├── package.json      # Dependências e scripts
└── vite.config.js    # Configuração do Vite

🎨 Funcionalidades

• Design Responsivo - Funciona perfeitamente em desktop, tablet e mobile
• Navegação Suave - Transições fluidas entre seções
• Performance Otimizada - Build rápido com Vite e lazy loading
• Acessibilidade - Componentes acessíveis com Headless UI
• SEO Friendly - Estrutura otimizada para motores de busca

🤝 Contribuição

Este é um projeto pessoal, mas sugestões e melhorias são sempre bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

⭐ Se gostou do projeto, dê uma estrela no repositório!