Portfólio - Felipe Barroso Abdo

Bem-vindo ao meu portfólio pessoal! Este projeto foi desenvolvido para mostrar minhas habilidades, experiências e projetos como desenvolvedor web. Ele foi criado usando React e SCSS, com um design responsivo que se adapta a diferentes dispositivos.

🚀 COMO EXECUTAR O PROJETO

Siga os passos abaixo para rodar o projeto localmente:

Pré-requisitos

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

Passos

• Clone o repositório: git clone https://github.com/seu-usuario/seu-repositorio.git

• Acesse a pasta do projeto: cd seu-repositorio

Instale as dependências:

• npm install

Inicie o servidor de desenvolvimento:

• npm start

Acesse o projeto:

• Abra o navegador e acesse: http://localhost:3000

🛠** TECNOLOGIAS UTILIZADAS**

• React: Biblioteca JavaScript para construção de interfaces.

• SCSS: Pré-processador CSS para estilização avançada.

• React Router: Para gerenciamento de rotas.

• Font Awesome: Para ícones.

• Responsive Design: Layout adaptável para mobile, tablet e desktop.

📂 ESTRUTURA DO PROJETO

Aqui está uma visão geral da estrutura do projeto:

portifolio-react/
├── public/                  # Arquivos estáticos (favicon, manifest.json, etc.)
├── src/                     # Código-fonte do projeto
│   ├── assets/              # Imagens e estilos
│   ├── components/          # Componentes reutilizáveis
│   ├── pages/               # Páginas do site
│   ├── App.js               # Componente principal
│   ├── index.js             # Ponto de entrada
│   └── index.css            # Estilos globais
├── package.json             # Dependências e scripts
└── README.md                # Este arquivo

🎨 FUNCIONALIDADES

Páginas:

• Sobre Mim: Apresentação pessoal e informações sobre minha carreira.
• Currículo: Detalhes sobre minha experiência profissional.
• Portfólio: Projetos que desenvolvi (em breve).
• Skills: Minhas habilidades técnicas.
• Contato: Formas de entrar em contato comigo.

Responsividade:

Layout adaptável para dispositivos móveis, tablets e desktops.

Tema Dinâmico:

Favicon que muda automaticamente com base no tema do sistema (claro/escuro).

🖼 PREVIEW

Desktop

Mobile

🛠 COMO CONTRIBUIR

Contribuições são bem-vindas! Siga os passos abaixo:

• Faça um fork do projeto.
• Crie uma branch para sua feature:

git checkout -b minha-feature

• Commit suas mudanças:

git commit -m 'Adicionei uma nova feature'

• Envie as alterações:

git push origin minha-feature

• Abra um Pull Request.

📄 LICENÇA

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

👤 AUTOR

• Felipe Barroso Abdo
• GitHub: felipeabdo
• LinkedIn: Felipe Barroso Abdo
• E-mail: felipe.abdo.ti@gmail.com

🙌 AGRADECIMENTOS

• À comunidade React por fornecer uma biblioteca incrível.
• Ao Font Awesome pelos ícones de alta qualidade.
• A todos que me inspiraram e ajudaram ao longo do caminho.
• Feito com ❤️ por Felipe Barroso Abdo!