{"id":25963321,"url":"https://github.com/itsalexhimself/portfolio","last_synced_at":"2026-04-10T07:03:34.571Z","repository":{"id":280627751,"uuid":"942623148","full_name":"ItsAlexHimself/portfolio","owner":"ItsAlexHimself","description":"A modern, responsive portfolio website built with React. Features dark mode, smooth animations, and a clean design. Built with React, Framer Motion, and Emotion.","archived":false,"fork":false,"pushed_at":"2025-03-04T12:12:41.000Z","size":201,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-04T13:24:06.110Z","etag":null,"topics":["css","css3","emotion","framer-motion","java","javascript","node-js","nodejs","portfolio","portfolio-construction","portfolio-management","portfolio-optimization","portfolio-page","portfolio-project","portfolio-site","portfolio-template","portfolio-website","portfolios","react","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ItsAlexHimself.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}},"created_at":"2025-03-04T11:59:16.000Z","updated_at":"2025-03-04T12:13:01.000Z","dependencies_parsed_at":"2025-03-04T13:24:08.075Z","dependency_job_id":"3e74bcba-ec4c-482b-980d-11dcee1efc29","html_url":"https://github.com/ItsAlexHimself/portfolio","commit_stats":null,"previous_names":["itsalexhimself/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsAlexHimself%2Fportfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsAlexHimself%2Fportfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsAlexHimself%2Fportfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ItsAlexHimself%2Fportfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ItsAlexHimself","download_url":"https://codeload.github.com/ItsAlexHimself/portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241917304,"owners_count":20042070,"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","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":["css","css3","emotion","framer-motion","java","javascript","node-js","nodejs","portfolio","portfolio-construction","portfolio-management","portfolio-optimization","portfolio-page","portfolio-project","portfolio-site","portfolio-template","portfolio-website","portfolios","react","reactjs"],"created_at":"2025-03-04T20:29:52.089Z","updated_at":"2026-04-10T07:03:34.557Z","avatar_url":"https://github.com/ItsAlexHimself.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern Portfolio Website\n\nA beautiful, responsive portfolio website built with React, featuring dark mode support, smooth animations, and a modern design.\n\n## Features\n\n- 🌓 Dark/Light mode toggle\n- 🎨 Modern and clean design\n- 📱 Fully responsive layout\n- ✨ Smooth animations using Framer Motion\n- 🎯 Section-based navigation\n- 📝 Contact form\n- 📊 Skills visualization\n- ⏳ Experience timeline\n- 🖼️ Project showcase\n- 🔗 Social media integration\n\n## Light Mode Preview\n\n![screencapture-localhost-3000-2025-03-04-14_10_09](https://github.com/user-attachments/assets/eee56bdf-a22b-47e1-87ae-ec5637c3c553)\n\n## Dark Mode Preview\n\n![screencapture-localhost-3000-2025-03-04-14_10_52](https://github.com/user-attachments/assets/6c419dd3-1681-4db1-88db-b2d5aa5b5640)\n\n## Technologies Used\n\n- React.js\n- Framer Motion\n- Emotion (styled-components)\n- React Icons\n- CSS Variables\n- Modern CSS Features\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or higher)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository\n```bash\ngit clone https://github.com/itsalexhimself/portfolio.git\n```\n\n2. Navigate to the project directory\n```bash\ncd portfolio\n```\n\n3. Install dependencies\n```bash\nnpm install\n# or\nyarn install\n```\n\n4. Start the development server\n```bash\nnpm start\n# or\nyarn start\n```\n\n5. Open [http://localhost:3000](http://localhost:3000) to view it in your browser\n\n## Customization\n\n1. Update personal information in `src/App.js`\n2. Replace placeholder images with your own\n3. Modify the color scheme in `src/App.css`\n4. Add your own projects to the `projects` array\n5. Update skills and experience in their respective arrays\n6. Add your social media links\n7. Update the contact form endpoint\n\n## Project Structure\n\n```\nportfolio/\n├── public/\n│   ├── index.html\n│   └── favicon.ico\n├── src/\n│   ├── components/\n│   │   └── ProjectCard.js\n│   ├── App.js\n│   ├── App.css\n│   └── index.js\n├── package.json\n├── README.md\n└── LICENSE\n```\n\n## License\n\nThis project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License - see the [LICENSE](LICENSE) file for details.\n\n### What you can do:\n- Use the code for personal or non-commercial projects\n- Modify and adapt the code\n- Share the code with others\n\n### What you cannot do:\n- Use the code for commercial purposes without permission\n- Remove the attribution requirement\n- Claim the code as your own\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## Acknowledgments\n\n- [React](https://reactjs.org/)\n- [Framer Motion](https://www.framer.com/motion/)\n- [Emotion](https://emotion.sh/)\n- [React Icons](https://react-icons.github.io/react-icons/)\n\n## Contact\n\n- **GitHub:** [itsalexhimself](https://github.com/itsalexhimself)\n- **Email:** [itsalexhimself1@protonmail.com](mailto:itsalexhimself1@protonmail.com)\n\nProject Link: [https://github.com/itsalexhimself/portfolio](https://github.com/itsalexhimself/portfolio-website)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsalexhimself%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitsalexhimself%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsalexhimself%2Fportfolio/lists"}