{"id":26337747,"url":"https://github.com/hungds99/react-boilerplate-claude","last_synced_at":"2025-07-04T11:05:58.964Z","repository":{"id":279336072,"uuid":"938466957","full_name":"hungds99/react-boilerplate-claude","owner":"hungds99","description":"Made by Claude AI","archived":false,"fork":false,"pushed_at":"2025-02-25T09:03:27.000Z","size":1009,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T02:21:43.441Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://main.d32cju5qbbm6c1.amplifyapp.com/","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/hungds99.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}},"created_at":"2025-02-25T02:10:58.000Z","updated_at":"2025-02-25T09:13:28.000Z","dependencies_parsed_at":"2025-02-25T03:32:23.835Z","dependency_job_id":"c2a3ddcd-ec91-4290-8905-395c7b9ee9a1","html_url":"https://github.com/hungds99/react-boilerplate-claude","commit_stats":null,"previous_names":["hungds99/react-boilerplate-claude"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hungds99/react-boilerplate-claude","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hungds99%2Freact-boilerplate-claude","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hungds99%2Freact-boilerplate-claude/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hungds99%2Freact-boilerplate-claude/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hungds99%2Freact-boilerplate-claude/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hungds99","download_url":"https://codeload.github.com/hungds99/react-boilerplate-claude/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hungds99%2Freact-boilerplate-claude/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263499193,"owners_count":23476021,"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":[],"created_at":"2025-03-16T02:20:10.878Z","updated_at":"2025-07-04T11:05:58.932Z","avatar_url":"https://github.com/hungds99.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React 19 with TailwindCSS 4.0.8 Boilerplate\n\nA modern, lightweight boilerplate for React applications using the latest versions of React 19 and TailwindCSS 4.0.8.\n\n## Features\n\n- 🚀 **React 19** - Using the latest stable React version\n- 📝 **TypeScript** - Type-safe code with the latest TypeScript\n- 🎨 **TailwindCSS 4.0.8** - Using the latest stable Tailwind version\n- 🌓 **Dark Mode** - Built-in dark mode support with theme switching (light/dark/system)\n- ⚡ **Vite** - Next Generation Frontend Tooling for fast development\n- 🧭 **React Router** - Declarative routing for React applications\n- 🔄 **Absolute Imports** - Import components using `@/` prefix\n- 🧰 **Custom Hooks** - Useful custom hooks like `useLocalStorage` and `useDarkMode`\n- 🌐 **API Utils** - Reusable API utilities with TypeScript generics\n- 🎯 **Component Library** - Pre-built UI components with variants, sizes, and states\n- 🔐 **Authentication** - Ready-to-use sign in, sign up, and forgot password pages\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js 18+ and npm/yarn/pnpm\n\n### Installation\n\n1. Clone this repository\n2. Install dependencies\n   ```bash\n   npm install\n   ```\n3. Start the development server\n   ```bash\n   npm run dev\n   ```\n\n## Available Scripts\n\n- `npm run dev` - Run the development server\n- `npm run build` - Build for production\n- `npm run preview` - Preview production build locally\n- `npm run lint` - Run ESLint\n\n## Project Structure\n\n```\n/\n├── public/             # Static files\n├── src/\n│   ├── assets/         # Images, fonts, etc.\n│   ├── components/     # Reusable components\n│   │   ├── ui/         # UI primitives\n│   │   │   ├── Alert.tsx      # Alert component with variants\n│   │   │   ├── Avatar.tsx     # Avatar component with sizes and status\n│   │   │   ├── Badge.tsx      # Badge component with variants\n│   │   │   ├── Button.tsx     # Button with variants, sizes, loading state\n│   │   │   ├── Card.tsx       # Card component with header, body, footer\n│   │   │   ├── Input.tsx      # Input component with validation\n│   │   │   └── index.ts       # Exports all UI components\n│   │   ├── Navbar.tsx         # Navigation with mobile responsiveness\n│   │   └── ThemeSwitcher.tsx  # Dark mode toggle (light/dark/system)\n│   ├── hooks/          # Custom React hooks\n│   │   ├── useLocalStorage.ts  # localStorage hook with TypeScript generics\n│   │   └── useDarkMode.ts      # Dark mode hook with system preference\n│   ├── pages/          # Page components\n│   │   ├── Home.tsx           # Home page with interactive examples\n│   │   ├── SignIn.tsx         # Sign in page\n│   │   ├── SignUp.tsx         # Sign up page\n│   │   └── ForgotPassword.tsx # Forgot password page\n│   ├── styles/         # Global styles \n│   │   └── index.css   # TailwindCSS imports \u0026 custom styles\n│   ├── utils/          # Utility functions\n│   │   └── api.ts      # API utilities with TypeScript generics\n│   ├── App.tsx         # Main App component with routing\n│   └── main.tsx        # Entry point using React 19 syntax\n├── .env.example        # Example environment variables\n├── .gitignore\n├── index.html\n├── package.json        # Dependencies and scripts\n├── postcss.config.js   # PostCSS config\n├── tailwind.config.js  # TailwindCSS 4 config with latest features\n├── tsconfig.json       # TypeScript config\n├── tsconfig.node.json  # Node.js TypeScript config\n└── vite.config.ts      # Vite configuration with path aliases\n```\n\n## TailwindCSS 4.0.8 Features\n\nThis boilerplate uses TailwindCSS 4.0.8 which includes:\n- Improved performance with optimized build times\n- New color system with expanded palette\n- Enhanced utility classes and components\n- Built-in dark mode support\n- Latest JIT compiler for lightning-fast development\n- Simplified configuration options\n- Expanded responsive utilities\n\n## React 19 Features\n\nThis boilerplate uses React 19 which includes:\n- Improved performance and optimizations\n- Enhanced TypeScript integration\n- Updated React hooks API\n- Better error handling and debugging\n- Modern component patterns\n- Simplified imports and module structure\n\n## License\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhungds99%2Freact-boilerplate-claude","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhungds99%2Freact-boilerplate-claude","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhungds99%2Freact-boilerplate-claude/lists"}