{"id":15062366,"url":"https://github.com/tim-hub/techtim-astro-bento-portfolio","last_synced_at":"2025-04-10T14:22:15.697Z","repository":{"id":256743239,"uuid":"856255789","full_name":"tim-hub/techtim-astro-bento-portfolio","owner":"tim-hub","description":"An Astro template for personal portfolio, including blog, projects, and more.","archived":false,"fork":false,"pushed_at":"2025-03-01T05:26:14.000Z","size":2638,"stargazers_count":35,"open_issues_count":5,"forks_count":13,"subscribers_count":2,"default_branch":"template","last_synced_at":"2025-03-24T13:04:27.898Z","etag":null,"topics":["astro","react","shadcn","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://techtim42.com","language":"TypeScript","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/tim-hub.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":"2024-09-12T09:04:13.000Z","updated_at":"2025-03-22T15:02:15.000Z","dependencies_parsed_at":"2024-09-29T12:01:11.944Z","dependency_job_id":"21a34a0d-125d-4112-a1b3-7703ad63ac7e","html_url":"https://github.com/tim-hub/techtim-astro-bento-portfolio","commit_stats":null,"previous_names":["tim-hub/techtim-astro-bento-portfolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tim-hub%2Ftechtim-astro-bento-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tim-hub%2Ftechtim-astro-bento-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tim-hub%2Ftechtim-astro-bento-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tim-hub%2Ftechtim-astro-bento-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tim-hub","download_url":"https://codeload.github.com/tim-hub/techtim-astro-bento-portfolio/tar.gz/refs/heads/template","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248233935,"owners_count":21069493,"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":["astro","react","shadcn","tailwindcss","typescript"],"created_at":"2024-09-24T23:34:57.648Z","updated_at":"2025-04-10T14:22:15.680Z","avatar_url":"https://github.com/tim-hub.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# TechTim's Astro Bento Portfolio\n\nThis template helps you build a portfolio using Astro, Typescript, React, Tailwind CSS, and Shadcn UI.\n\n- [Live Demo](https://techtim42.com)\n- [GitHub Repo](https://github.com/tim-hub/techtim-astro-bento-portfolio)\n\n## Technologies Used\n\nThis project utilizes the following technologies:\n\n- **Astro**: A modern framework for building fast and efficient websites.\n- **Tailwind CSS**: A utility-first CSS framework for rapid and responsive design.\n- **Shadcn UI**: A collection of accessible and easy-to-use UI components.\n- **React**: For interactive components and advanced functionality.\n- **TypeScript**: For static type checking and improved developer experience.\n\n## Requirements\n\nBefore starting, make sure you have the following requirements installed:\n\n- Node.js (version 18 or higher)\n- pnpm (version 8 or higher)\n\n## Installation\n\nTo install and run the project locally, follow these steps:\n\n1. Clone this repository:\n\n   ```bash\n   git clone https://github.com/tim-hub/techtim-astro-bento-portfolio\n   ```\n\n2. Navigate to the project directory:\n\n   ```bash\n   cd techtim-astro-bento-portfolio\n   ```\n\n3. Install the dependencies:\n\n   ```bash\n   pnpm install\n   ```\n\n4. Start the development server:\n\n   ```bash\n   pnpm run dev\n   ```\n\n5. Open your browser and visit `http://localhost:4312` to see your portfolio in action.\n6. Config your site\n   1. Edit `src/content/profileData.ts` to add your profile data\n   2. Edit `astro.config.mjs` to change the site information\n\n\n## Important Considerations\n\n- **Accessibility**: Ensure your portfolio is accessible to all users, including those with disabilities.\n- **SEO**: Optimize your portfolio for search engines by adding meta tags and relevant content.\n- **Performance**: Use modern web development practices to ensure optimal performance, such as lazy loading images and minimizing CSS/JS.\n- **Responsive Design**: Make sure your portfolio looks good on devices of all sizes, from mobile to desktop screens.\n\n## Contributions\n\nContributions are welcome! If you have ideas or improvements, please open an issue or submit a pull request.\n\n## License\n\n- This source codes are licensed under the [MIT License](LICENSE).\n- The content (`src/content/`) of the portfolio is licensed under the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0/).\n- The images (`public/`) used in the project are for template demonstration purposes only and should not be reused without permission.\n\n## Inspiration\n\nThis project was inspired by several outstanding portfolios. Here are some that served as references:\n\n- [Bento Like Portfolio](https://github.com/Ladvace/astro-bento-portfolio)\n- [Minimal and bento Portfolio ](https://github.com/bue221/astro-portfolio)\n\n### Differences / Improvements\n\n- Centralised data management inside one folder\n  - Use Astro recommended [Content Collection](https://docs.astro.build/en/guides/content-collections/) to manage data\n  - `src/content` folder for blog posts, project data and profile data\n  - `src/content/profileData.ts` for general profile data\n- Tags system\n- Simplified Dark/Light mode toggle\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftim-hub%2Ftechtim-astro-bento-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftim-hub%2Ftechtim-astro-bento-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftim-hub%2Ftechtim-astro-bento-portfolio/lists"}