{"id":20702912,"url":"https://github.com/mustafakbaser/blogfolio-app","last_synced_at":"2026-04-13T14:32:35.088Z","repository":{"id":262802203,"uuid":"885949716","full_name":"mustafakbaser/Blogfolio-App","owner":"mustafakbaser","description":"A modern, responsive blog and portfolio template built with React, TypeScript, and Tailwind CSS. Features a beautiful dark mode, SEO optimization, and a clean, professional design.","archived":false,"fork":false,"pushed_at":"2024-11-20T10:33:47.000Z","size":184,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-17T19:52:23.608Z","etag":null,"topics":["reactjs","tailwindcss","typescript","vitejs","webapp"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/mustafakbaser.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-11-09T20:20:08.000Z","updated_at":"2024-12-20T10:00:06.000Z","dependencies_parsed_at":"2024-11-14T11:33:51.254Z","dependency_job_id":null,"html_url":"https://github.com/mustafakbaser/Blogfolio-App","commit_stats":null,"previous_names":["mustafakbaser/blogfolio-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafakbaser%2FBlogfolio-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafakbaser%2FBlogfolio-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafakbaser%2FBlogfolio-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mustafakbaser%2FBlogfolio-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mustafakbaser","download_url":"https://codeload.github.com/mustafakbaser/Blogfolio-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242968777,"owners_count":20214514,"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":["reactjs","tailwindcss","typescript","vitejs","webapp"],"created_at":"2024-11-17T01:05:28.765Z","updated_at":"2026-04-13T14:32:35.078Z","avatar_url":"https://github.com/mustafakbaser.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BlogFolio - Modern Blog \u0026 Portfolio Template\n\nA modern, responsive blog and portfolio template built with React, TypeScript, and Tailwind CSS. Features a beautiful dark mode, SEO optimization, and a clean, professional design.\n\n![BlogFolio Preview](https://res.cloudinary.com/mustafakbaser/image/upload/v1751882498/blogfolio-1_qsqnoq.png)\n\n## ✨ Features\n\n### 🎨 Design \u0026 UI\n- Modern and clean user interface\n- Fully responsive design for all devices\n- Smooth animations and transitions\n- Beautiful dark mode with system preference detection\n- Custom code syntax highlighting\n- Loading states and animations\n- Toast notifications for actions\n\n### 📱 Core Features\n- **Blog System**\n  - Category filtering\n  - Search functionality\n  - Reading time estimation\n  - Related posts\n  - Social sharing\n  - Code block highlighting\n  - Author information\n\n- **Portfolio Section**\n  - Project showcase\n  - Skills visualization\n  - Experience timeline\n  - Technology stack display\n\n- **Contact Form**\n  - Form validation\n  - Success/error handling\n  - Loading states\n  - Contact information display\n\n### 🛠 Technical Features\n- Built with React 18 and TypeScript\n- Tailwind CSS for styling\n- SEO optimization with React Helmet\n- Dark mode support\n- Cookie consent management\n- Responsive images\n- Performance optimized\n- Clean and maintainable code structure\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js 18 or higher\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/mustafakbaser/Blogfolio-App.git\n```\n\n2. Install dependencies:\n```bash\ncd Blogfolio-App\nnpm install\n```\n\n3. Start the development server:\n```bash\nnpm run dev\n```\n\n4. Open [http://localhost:5173](http://localhost:5173) in your browser.\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/        # Reusable UI components\n├── pages/            # Page components\n├── hooks/            # Custom React hooks\n├── utils/            # Utility functions\n├── types/            # TypeScript type definitions\n├── data/            # Static data and content\n└── lib/             # Core functionality and services\n```\n\n## 🔧 Configuration\n\n### Environment Variables\nCreate a `.env` file in the root directory:\n\n```env\nVITE_API_URL=your_api_url\nVITE_GA_TRACKING_ID=your_ga_tracking_id\n```\n\n### Blog Posts\nAdd or modify blog posts in `src/data/blogPosts.ts`.^\n\n**Developer's Recommendation:** If you want your blog to have a structured and expandable content management structure, then I would suggest going with a Headless CMS. Putting a Headless CMS in front of GraphQL or REST APIs for content delivery and integration with any head frameworks. The way you set this up makes your blog more dynamic in nature because it keeps the content management centralized and all the while enables a swift, seamless mechanism in the back-end which eventually caters to an engaging user experience.\n\n## 🎯 Roadmap\n\n### Planned Features\n- [ ] Headless CMS integration\n- [ ] Comments system\n- [ ] Newsletter subscription\n- [ ] MDX support for blog posts\n- [ ] Internationalization (i18n)\n- [ ] Image gallery for portfolio projects\n- [ ] SEO improvements\n- [ ] Accessibility improvements\n- [ ] Search optimization\n- [ ] Admin dashboard \u0026 Authentication\n- [ ] Database integration\n- [ ] Rich text editor for blog posts\n- [ ] File upload system\n\n\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## 📝 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- [React](https://reactjs.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Vite](https://vitejs.dev/)\n- [Lucide Icons](https://lucide.dev/)\n\n## 📧 Contact\n\nFor questions and support, please email [iletisim@mustafabaser.net](mailto:info@mustafabaser.net).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmustafakbaser%2Fblogfolio-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmustafakbaser%2Fblogfolio-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmustafakbaser%2Fblogfolio-app/lists"}