{"id":23231552,"url":"https://github.com/talhat298/setupreacthomepage","last_synced_at":"2026-04-11T10:32:27.567Z","repository":{"id":267144547,"uuid":"849710702","full_name":"TalhaT298/setupReactHomePage","owner":"TalhaT298","description":"This React boilerplate, powered by Vite, integrates TailwindCSS and DaisyUI to provide a fast, responsive, and scalable foundation for modern web applications. It features React Router for seamless navigation, ensuring a streamlined development experience with built-in styling and component support.","archived":false,"fork":false,"pushed_at":"2024-12-10T12:59:25.000Z","size":60,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T14:30:01.777Z","etag":null,"topics":["daisyui","es6","git","javascript","jest","npm","react","react-router-dom","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/TalhaT298.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":"2024-08-30T05:18:30.000Z","updated_at":"2024-12-10T12:59:29.000Z","dependencies_parsed_at":"2025-04-05T19:38:28.262Z","dependency_job_id":null,"html_url":"https://github.com/TalhaT298/setupReactHomePage","commit_stats":null,"previous_names":["talhat298/setupreacthomepage"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TalhaT298/setupReactHomePage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2FsetupReactHomePage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2FsetupReactHomePage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2FsetupReactHomePage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2FsetupReactHomePage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TalhaT298","download_url":"https://codeload.github.com/TalhaT298/setupReactHomePage/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TalhaT298%2FsetupReactHomePage/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31677813,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T08:18:19.405Z","status":"ssl_error","status_checked_at":"2026-04-11T08:17:08.892Z","response_time":54,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["daisyui","es6","git","javascript","jest","npm","react","react-router-dom","tailwindcss","vite"],"created_at":"2024-12-19T02:15:17.245Z","updated_at":"2026-04-11T10:32:27.506Z","avatar_url":"https://github.com/TalhaT298.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Router Tailwind DaisyUI Boilerplate\n\nThis repository provides a fully functional boilerplate for creating React projects with integrated React Router, TailwindCSS, DaisyUI, and essential configurations. It streamlines the process of starting a new project, allowing you to focus on building your application.\n\n## Features\n\n- **React Router DOM**: Set up for easy routing in your React applications.\n- **TailwindCSS**: Pre-configured utility-first CSS framework.\n- **DaisyUI**: Customizable component library built on TailwindCSS.\n- **Vite**: Fast development server and build tool.\n- **Linting**: Configured with ESLint for consistent code quality.\n- **Dark and Light Themes**: Includes multiple DaisyUI themes like `dark`, `light`, `night`, and more.\n\n## Installation\n\nClone this repository and get started with the following steps:\n\n1. **Clone the repository:**\n   ```bash\n   git clone https://github.com/yourusername/react-router-tailwind-boilerplate.git\n   cd react-router-tailwind-boilerplate\n   ```\n\n2. **Install dependencies:**\n   ```bash\n   npm install\n   ```\n\n3. **Start the development server:**\n   ```bash\n   npm run dev\n   ```\n\n## Usage\n\nThis boilerplate is ready for you to build your application. Below are key components:\n\n- **`Home` Component:** A simple homepage template with a banner.\n- **`Navbar` Component:** Responsive navigation bar with dropdown support for mobile screens.\n- **`Footer` Component:** Customizable footer with social media links.\n\nFeel free to extend or replace these components based on your project needs.\n\n### File Structure\n```\nsrc/\n├── components/\n│   ├── Banner/\n│   │   └── Banner.jsx\n│   ├── Footer/\n│   │   └── Footer.jsx\n│   └── Navbar/\n│       └── Navbar.jsx\n├── Routes/\n│   └── Routes.jsx\n├── App.jsx\n├── index.jsx\n└── index.css\n```\n\n### TailwindCSS Configuration\nTailwindCSS is configured in `tailwind.config.js` to scan all necessary files and includes DaisyUI with multiple themes.\n\n```js\n/** @type {import('tailwindcss').Config} */\nexport default {\n  content: [\n    \"./index.html\",\n    \"./src/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [require(\"daisyui\")],\n  daisyui: {\n    themes: [\"dark\", \"light\", \"black\", \"forest\", \"autumn\", \"valentine\", \"night\", \"dracula\"],\n  },\n};\n```\n\n## Scripts\n\n- **`npm run dev`**: Starts the development server.\n- **`npm run build`**: Builds the project for production.\n- **`npm run preview`**: Previews the production build.\n- **`npm run lint`**: Runs ESLint for code quality checks.\n\n## License\n\nThis project is licensed under the MIT License. See the `LICENSE` file for details.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftalhat298%2Fsetupreacthomepage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftalhat298%2Fsetupreacthomepage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftalhat298%2Fsetupreacthomepage/lists"}