{"id":26326384,"url":"https://github.com/charmingdc/portfolio","last_synced_at":"2025-03-15T19:38:37.864Z","repository":{"id":272678680,"uuid":"916269516","full_name":"Charmingdc/Portfolio","owner":"Charmingdc","description":"GitHub repository for my personal portfolio ⚡","archived":false,"fork":false,"pushed_at":"2025-03-02T00:36:25.000Z","size":2144,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T01:25:59.377Z","etag":null,"topics":["portfolio-sleek-charmingdc-adebayo-muis"],"latest_commit_sha":null,"homepage":"https://adebayomuis.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Charmingdc.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-01-13T19:18:18.000Z","updated_at":"2025-03-02T00:36:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"b81d061d-c73d-4f2f-b02d-35628fac9873","html_url":"https://github.com/Charmingdc/Portfolio","commit_stats":null,"previous_names":["charmingdc/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charmingdc%2FPortfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charmingdc%2FPortfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charmingdc%2FPortfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charmingdc%2FPortfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Charmingdc","download_url":"https://codeload.github.com/Charmingdc/Portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243784057,"owners_count":20347409,"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":["portfolio-sleek-charmingdc-adebayo-muis"],"created_at":"2025-03-15T19:38:37.187Z","updated_at":"2025-03-15T19:38:37.850Z","avatar_url":"https://github.com/Charmingdc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# My Portfolio\n\nA personal portfolio website built with React and TypeScript to showcase my projects, skills, and experience.\n\n## Description\n\nThis portfolio is designed to be a clean, responsive, and engaging platform for potential employers and collaborators to learn more about me and my work.  It includes sections for showcasing projects, highlighting skills, providing contact information, and offering a downloadable resume.\n\n## Installation\n\nTo run this project locally, follow these steps:\n\n1.  **Clone the repository:**\n\n    ```bash\n    git clone \u003crepository-url\u003e\n    ```\n\n2.  **Navigate to the project directory:**\n\n    ```bash\n    cd \u003cproject-directory\u003e\n    ```\n\n3.  **Install dependencies:**\n\n    ```bash\n    npm install  # or yarn install or pnpm install\n    ```\n\n## Usage\n\n1.  **Start the development server:**\n\n    ```bash\n    npm run dev  # or yarn dev or pnpm dev\n    ```\n\n2.  **Open the application in your browser:**\n\n    Visit `http://localhost:5173` (or the URL provided by Vite) to view the portfolio.\n\n## Project Structure\n\nThe project structure is organized as follows:\n\n*   `.gitignore`: Specifies intentionally untracked files that Git should ignore.\n*   `LICENSE`: Contains licensing information (if applicable).\n*   `README.md`: This file, providing documentation for the project.\n*   `eslint.config.js`: Configuration file for ESLint, ensuring code quality and consistency.\n*   `index.html`: The main HTML file.\n*   `package-lock.json`: Records the exact versions of dependencies used.\n*   `package.json`: Contains project metadata, dependencies, and scripts.\n*   `public/`: Contains static assets like images and icons.\n    *   `icons/`: Various icons used throughout the portfolio.\n    *   `illustrations/`: Illustrations used for visual appeal.\n*   `src/`: Contains the main application source code.\n    *   `App.css`: Global styles for the application.\n    *   `App.tsx`: The root component of the application.\n    *   `assets/`: Contains assets like the React logo.\n    *   `components/`: Reusable UI components.\n        *   `AboutmeSection.tsx`: Component for the \"About Me\" section.\n        *   `ContactSection.tsx`: Component for the \"Contact\" section.\n        *   `FooterSection.tsx`: Component for the footer.\n        *   `HeroSection.tsx`: Component for the hero section.\n        *   `Navbar.tsx`: Component for the navigation bar.\n        *   `ProjectBox.tsx`: Component for displaying individual projects.\n        *   `ProjectSection.tsx`: Component for the \"Projects\" section.\n        *   `ResumeSection.tsx`: Component for the \"Resume\" section.\n        *   `ServiceSection.tsx`: Component for the \"Services\" section.\n        *   `SvgIcons.tsx`: Component for rendering SVG icons.\n        *   `ToolBox.tsx`: Component for displaying skills/tools.\n    *   `contexts/`: React Contexts for managing global state.\n        *   `ThemeContext.tsx`: Context for managing the theme (e.g., light/dark mode).\n    *   `hooks/`: Custom React hooks.\n        *   `useProjects.tsx`: Hook for fetching and managing project data.\n        *   `useTools.tsx`: Hook for fetching and managing tool/skill data.\n    *   `index.css`: Global CSS styles.\n    *   `main.tsx`: Entry point for the React application.\n    *   `vite-env.d.ts`: TypeScript declaration file for Vite environment variables.\n*   `tsconfig.app.json`: TypeScript configuration for the application.\n*   `tsconfig.json`: Base TypeScript configuration.\n*   `tsconfig.node.json`: TypeScript configuration for Node.js.\n*   `vite.config.ts`: Configuration file for Vite, the build tool.\n\n## Contribution\n\nContributions are welcome! If you find a bug or have a feature request, please open an issue. If you'd like to contribute code, please follow these steps:\n\n1.  Fork the repository.\n2.  Create a new branch for your feature or bug fix.\n3.  Make your changes and commit them with clear, concise messages.\n4.  Submit a pull request.\n\n## License\n\n[Optional: Add license information here, e.g., MIT License.  If you have a `LICENSE` file, refer to it.]\n\n## Badges\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n[![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%23007ACC.svg)](https://www.typescriptlang.org/)\n[![React](https://img.shields.io/badge/React-20232A?style=flat\u0026logo=react\u0026logoColor=%2361DAFB)](https://reactjs.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharmingdc%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcharmingdc%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharmingdc%2Fportfolio/lists"}