{"id":26171521,"url":"https://github.com/atman-33/atman-hub","last_synced_at":"2026-05-09T06:34:32.541Z","repository":{"id":281571054,"uuid":"945678222","full_name":"atman-33/atman-hub","owner":"atman-33","description":"A platform to showcase blogs and personal web apps.","archived":false,"fork":false,"pushed_at":"2025-10-16T00:31:44.000Z","size":1938,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-02-13T08:40:22.860Z","etag":null,"topics":["react-router"],"latest_commit_sha":null,"homepage":"https://atman-33.github.io/atman-hub/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/atman-33.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-03-10T00:19:40.000Z","updated_at":"2025-10-16T00:30:50.000Z","dependencies_parsed_at":"2025-04-10T01:28:48.994Z","dependency_job_id":"1e1caa2f-a69c-442d-9f6a-28a0b1961441","html_url":"https://github.com/atman-33/atman-hub","commit_stats":null,"previous_names":["atman-33/atman-hub"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/atman-33/atman-hub","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atman-33%2Fatman-hub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atman-33%2Fatman-hub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atman-33%2Fatman-hub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atman-33%2Fatman-hub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atman-33","download_url":"https://codeload.github.com/atman-33/atman-hub/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atman-33%2Fatman-hub/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32809786,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"online","status_checked_at":"2026-05-09T02:00:06.633Z","response_time":123,"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":["react-router"],"created_at":"2025-03-11T19:34:57.547Z","updated_at":"2026-05-09T06:34:32.527Z","avatar_url":"https://github.com/atman-33.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Atman Hub\n\nA modern personal portfolio website showcasing professional profile, web applications, and tech blog content. Built with React Router v7 and deployed on GitHub Pages.\n\n## 🌟 Features\n\n- **Professional Profile Display** - Personal introduction with photo and contact information\n- **Application Showcase** - Interactive cards displaying developed web applications with demos\n- **Blog Content Hub** - Centralized access to technical writing across multiple platforms\n- **Responsive Design** - Mobile-first approach with seamless desktop experience\n- **Theme Support** - Light/dark mode toggle with persistent preferences\n- **Static Site Generation** - Optimized for fast loading and SEO\n\n## 🚀 Live Demo\n\nVisit the live site: [https://atman-33.github.io/atman-hub](https://atman-33.github.io/atman-hub)\n\n## 🛠️ Technology Stack\n\n### Core Framework\n- **React Router v7** - Full-stack React framework with file-based routing\n- **React 19** - Latest React with concurrent features\n- **TypeScript 5** - Type-safe development\n- **Vite** - Fast build tool and dev server\n\n### Styling \u0026 UI\n- **Tailwind CSS v4** - Utility-first CSS framework\n- **shadcn/ui** - Customizable component library (New York style)\n- **Radix UI** - Accessible headless components\n- **Lucide React** - Icon library\n- **class-variance-authority** - Component variant management\n\n### State Management\n- **Zustand** - Lightweight state management for theme and app state\n\n### Code Quality\n- **Biome** - Fast linter and formatter (replaces ESLint/Prettier)\n- **TypeScript** - Strict type checking enabled\n\n### Build \u0026 Deployment\n- **GitHub Pages** - Static hosting\n- **GitHub Actions** - CI/CD pipeline\n\n## 📁 Project Structure\n\n```\n├── app/                    # Main application code\n│   ├── components/         # Reusable React components\n│   │   ├── icons/         # Custom icon components\n│   │   └── ui/            # shadcn/ui components\n│   ├── config/            # Configuration files\n│   │   ├── apps-config.ts # Web applications showcase data\n│   │   ├── blogs-config.ts# Blog posts data\n│   │   └── site-config.ts # Site-wide configuration\n│   ├── hooks/             # Custom React hooks\n│   ├── lib/               # Utility functions and helpers\n│   ├── routes/            # React Router v7 file-based routes\n│   ├── stores/            # Zustand state management\n│   ├── root.tsx           # Root layout component\n│   ├── routes.ts          # Route configuration\n│   └── app.css            # Global styles and Tailwind imports\n├── public/                # Static assets\n│   ├── favicons/          # Favicon files for different devices\n│   ├── icons/             # SVG icons (GitHub, X/Twitter)\n│   └── images/            # Static images (logos, profile photo)\n├── docs/                  # Project documentation\n├── tools/                 # Development tools\n├── .kiro/                 # Kiro AI assistant configuration\n└── build/                 # Production build output\n```\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v18 or higher)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/atman-33/atman-hub.git\ncd atman-hub\n```\n\n2. Install dependencies:\n```bash\nnpm install\n```\n\n3. Start the development server:\n```bash\nnpm run dev\n```\n\n4. Open your browser and navigate to `http://localhost:5173`\n\n## 📝 Available Scripts\n\n### Development\n```bash\nnpm run dev          # Start development server\nnpm run typecheck    # Run TypeScript type checking\n```\n\n### Build \u0026 Deploy\n```bash\nnpm run build        # Build for production\nnpm run start        # Preview production build\nnpm run deploy       # Deploy to GitHub Pages\n```\n\n### Code Quality\n```bash\nnpm run biome:check:write  # Format and fix code issues\nnpm run ci:check          # CI linting check\nnpm run ci:build          # CI build check\n```\n\n## ⚙️ Configuration\n\n### Site Configuration\n\nEdit `app/config/site-config.ts` to update:\n- App URL and base path\n- Profile image URL\n- Social media links\n- Contact information\n\n### Applications Showcase\n\nAdd or modify applications in `app/config/apps-config.ts`:\n```typescript\nexport interface AppItem {\n  title: string;\n  icon?: string;\n  description: string;\n  imageUrl: string;\n  demoUrl: string;\n  tags: string[];\n}\n```\n\n### Blog Links\n\nUpdate blog platforms in `app/config/blogs-config.ts`:\n```typescript\nexport interface BlogItem {\n  title: string;\n  description: string;\n  url: string;\n  image?: string;\n}\n```\n\n## 🎨 Customization\n\n### Theme\n- Light/dark mode toggle is available in the header\n- Theme preference is persisted using Zustand store\n- Customize colors in Tailwind CSS configuration\n\n### Components\n- UI components are built with shadcn/ui and Radix UI\n- Custom components follow the established patterns\n- Icons use Lucide React library\n\n### Styling\n- Tailwind CSS v4 with utility-first approach\n- Responsive design with mobile-first methodology\n- Custom animations and transitions\n\n## 🚀 Deployment\n\nThe site is automatically deployed to GitHub Pages using GitHub Actions:\n\n1. Push changes to the `main` branch\n2. GitHub Actions runs CI checks (linting, type checking, build)\n3. On successful CI, the site is built and deployed to GitHub Pages\n4. Live site is available at the configured GitHub Pages URL\n\n### Manual Deployment\n\n```bash\nnpm run deploy\n```\n\n## 📄 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## 📞 Contact\n\n- **Email**: gpbjk0304@gmail.com\n- **GitHub**: [@atman-33](https://github.com/atman-33)\n- **X/Twitter**: [@atman_33](https://x.com/atman_33)\n\n---\n\nBuilt with ❤️ using React Router v7 and modern web technologies.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatman-33%2Fatman-hub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatman-33%2Fatman-hub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatman-33%2Fatman-hub/lists"}