Skip to content

Projeto de portfólio pessoal construído com React, focado em desenvolvimento front-end moderno e design responsivo usando componentes React-Bootstrap.

Notifications You must be signed in to change notification settings

lucaspscode/personal-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personal Portfolio (React & Bootstrap)

💻 Sobre o Projeto

Este repositório contém o código-fonte do meu portfólio pessoal, construído para demonstrar habilidades em desenvolvimento front-end e back-end.

✨ Frontend (UI, Estilização e Efeitos)

Bootstrap & React-Bootstrap: Framework CSS Bootstrap para estilização, layouts e responsividade, e a versão em componentes React-Bootstrap para facilitar o uso.

animate.css: Uma biblioteca de classes CSS prontas para aplicar animações em elementos da tela.

react-multi-carousel: Biblioteca específica para criar carrosséis ou sliders responsivos em seus componentes.

react-bootstrap-icons / @reacticons/bootstrap-icons: Bibliotecas para adicionar ícones baseados no Bootstrap.

react-on-screen: Útil para detectar quando um componente entra na área visível da tela (viewport), geralmente usado para iniciar animações.

⚙️ Backend e Comunicação (Servidor/API) Servidor de API separado do React para receber dados do formulário Contato:

express: É o framework web minimalista mais popular para construir o backend (servidor) em Node.js.

nodemailer: Biblioteca essencial para enviar e-mails.

cors: Middleware usado para permitir que o frontend (rodando em uma porta diferente) se comunique com o backend (necessário para evitar erros de segurança).

dotenv: Usado para carregar variáveis de ambiente (como senhas ou chaves de API) de um arquivo .env para o seu servidor.

🛠️ Testes e Utilitários @testing-library/ (react, jest-dom, user-event): São as ferramentas de testes recomendadas pelo React para simular a interação do usuário e garantir a qualidade do seu código.

web-vitals: Usado para medir as métricas de performance do seu site na perspectiva do usuário.

About

Projeto de portfólio pessoal construído com React, focado em desenvolvimento front-end moderno e design responsivo usando componentes React-Bootstrap.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published