{"id":26657084,"url":"https://github.com/parthur006/my-personal-portfolio","last_synced_at":"2026-01-05T23:01:38.553Z","repository":{"id":283346601,"uuid":"932508970","full_name":"PArthur006/My-Personal-Portfolio","owner":"PArthur006","description":"Portfólio pessoal interativo (SPA) construído com React, com tema dinâmico (Light/Dark), animações e fundo interativo com Particles.js. Vitrine dos meus projetos em Front-end, Back-end e Game Development.","archived":false,"fork":false,"pushed_at":"2025-10-21T23:58:05.000Z","size":10129,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-22T01:24:52.879Z","etag":null,"topics":["css3","dark-mode","front-end","html5","javascipt","light-mode","particles-js","personal-website","portfolio","react","react-router","responsive-design","software-engineering-student","spa","tsparticles"],"latest_commit_sha":null,"homepage":"https://my-portfolio-react-iota-one.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PArthur006.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-02-14T02:55:41.000Z","updated_at":"2025-10-21T23:58:08.000Z","dependencies_parsed_at":"2025-08-14T18:17:55.906Z","dependency_job_id":"65a9571c-3226-4a08-b22f-870b09772da4","html_url":"https://github.com/PArthur006/My-Personal-Portfolio","commit_stats":null,"previous_names":["parthur006/my-personal-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PArthur006/My-Personal-Portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PArthur006%2FMy-Personal-Portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PArthur006%2FMy-Personal-Portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PArthur006%2FMy-Personal-Portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PArthur006%2FMy-Personal-Portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PArthur006","download_url":"https://codeload.github.com/PArthur006/My-Personal-Portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PArthur006%2FMy-Personal-Portfolio/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28219209,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2026-01-05T02:00:06.358Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","dark-mode","front-end","html5","javascipt","light-mode","particles-js","personal-website","portfolio","react","react-router","responsive-design","software-engineering-student","spa","tsparticles"],"created_at":"2025-03-25T08:17:04.168Z","updated_at":"2026-01-05T23:01:38.548Z","avatar_url":"https://github.com/PArthur006.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Portfólio Pessoal em React\n\n![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)\n![React](https://img.shields.io/badge/React-18.3.1-61DAFB?logo=react)\n![Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?logo=vercel)\n\nEste é o repositório do meu portfólio pessoal, uma Single-Page Application (SPA) desenvolvida para exibir meus projetos, certificações e habilidades de forma moderna, limpa e com uma experiência de usuário intuitiva.\n\n**➡️ [Acesse a versão ao vivo aqui!](https://my-portfolio-react-iota-one.vercel.app/)**\n\n\u003cdiv align='center'\u003e\n \u003cimg width=\"350\" height=\"311\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f85f3e08-6b5e-493e-b782-faa3b7ae7dd2\" /\u003e\n\u003c/div\u003e \n\n---\n\n## ✨ Funcionalidades Principais\n\n* **Troca Dinâmica de Tema:** Alterna entre temas claro (Light) e escuro (Dark) com um clique, utilizando a Context API do React e variáveis CSS para uma transição suave.\n* **Fundo Interativo:** A seção de boas-vindas possui um fundo de partículas dinâmico e interativo que reage ao movimento do mouse e adapta suas cores de acordo com o tema selecionado.\n* **Exibição de Projetos:** Galeria de projetos com cards que exibem imagem, título, tecnologias utilizadas (em formato de badges) e links para a demo e o repositório. Um modal com carrossel é acionado para exibir mais detalhes.\n* **Exibição de Certificações:** Seção dedicada para certificações, apresentadas em um carrossel com rolagem automática.\n* **Design Totalmente Responsivo:** A interface é otimizada para uma visualização perfeita em qualquer dispositivo, de desktops a celulares.\n* **Navegação Suave:** Utiliza `react-router-hash-link` para uma rolagem suave e precisa entre as diferentes seções da página.\n* **Formulário de Contato Funcional:** Um formulário de contato integrado com **EmailJS** que permite o envio de mensagens diretamente para minha caixa de entrada.\n\n## 🚀 Tecnologias Utilizadas\n\nEste projeto foi construído utilizando um ecossistema moderno de desenvolvimento front-end:\n\n* **Core:** [React.js](https://reactjs.org/) (com Hooks e Componentes Funcionais)\n* **Boilerplate:** [Create React App](https://create-react-app.dev/)\n* **Estilização:** [CSS3](https://developer.mozilla.org/pt-BR/docs/Web/CSS) (com Variáveis CSS para Theming)\n* **Roteamento:** [React Router DOM](https://reactrouter.com/)\n* **Animações:**\n    * [AOS (Animate On Scroll)](https://michalsnik.github.io/aos/)\n    * [Particles.js](https://particles.js.org/) (via `@tsparticles/react` e `@tsparticles/slim`)\n* **Ícones:** [React Icons](https://react-icons.github.io/react-icons/) e [Font Awesome](https://fontawesome.com/)\n* **Carrossel:** [React Slick](https://react-slick.neostack.com/)\n* **Formulários:** [EmailJS](https://www.emailjs.com/)\n\n## 📂 Estrutura de Pastas\n\nO projeto segue uma estrutura de pastas modular e organizada para facilitar a manutenção e escalabilidade.\n\n```text\nMy-Personal-Portfolio/\n├── my-portfolio-react/             # A aplicação React principal\n│   ├── public/                     # Ativos estáticos (imagens, index.html, favicon)\n│   ├── src/                        # Código fonte React\n│   │   ├── App.js                  # Componente principal, configura o roteamento\n│   │   ├── index.css               # Variáveis CSS globais para temas\n│   │   ├── components/             # Componentes de UI reutilizáveis\n│   │   │   ├── Header/             # Barra de navegação e seletor de tema\n│   │   │   ├── Home/               # Página inicial (integra as seções)\n│   │   │   ├── Background/         # Fundo de partículas\n│   │   │   ├── Projects/           # Listagem de projetos e cards\n│   │   │   ├── ProjectModal/       # Modal com detalhes dos projetos\n│   │   │   └── ...                 # Demais componentes por seção\n│   │   └── contexts/               # React Context API\n│   │       └── ThemeContext.js     # Provedor do estado de tema (Light/Dark)\n│   ├── package.json                # Dependências e scripts\n│   └── ...\n├── .gitignore\n├── LICENSE\n└── README.md                       # Este arquivo","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparthur006%2Fmy-personal-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparthur006%2Fmy-personal-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparthur006%2Fmy-personal-portfolio/lists"}