{"id":28538132,"url":"https://github.com/stephangeorg/vite-react-tailwind-webapp","last_synced_at":"2025-07-03T06:05:39.185Z","repository":{"id":294172942,"uuid":"986141819","full_name":"StephanGeorg/vite-react-tailwind-webapp","owner":"StephanGeorg","description":"A modern webapp boilerplate built with the latest versions of Vite, React, and Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-05-20T07:03:35.000Z","size":32,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-09T18:12:09.494Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/StephanGeorg.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}},"created_at":"2025-05-19T07:08:49.000Z","updated_at":"2025-05-20T07:03:40.000Z","dependencies_parsed_at":"2025-05-19T08:36:45.497Z","dependency_job_id":null,"html_url":"https://github.com/StephanGeorg/vite-react-tailwind-webapp","commit_stats":null,"previous_names":["stephangeorg/vite-react-tailwind-webapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/StephanGeorg/vite-react-tailwind-webapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanGeorg%2Fvite-react-tailwind-webapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanGeorg%2Fvite-react-tailwind-webapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanGeorg%2Fvite-react-tailwind-webapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanGeorg%2Fvite-react-tailwind-webapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StephanGeorg","download_url":"https://codeload.github.com/StephanGeorg/vite-react-tailwind-webapp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanGeorg%2Fvite-react-tailwind-webapp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263271501,"owners_count":23440396,"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-06-09T18:11:23.705Z","updated_at":"2025-07-03T06:05:39.174Z","avatar_url":"https://github.com/StephanGeorg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vite React Tailwind Webapp Boilerplate\n\nA modern webapp boilerplate built with the latest versions of Vite, React, and Tailwind CSS.\n\n## Features\n\n- ⚡️ **Vite** - Ultra-fast development environment and build tool\n- ⚛️ **React 19** - With the new createRoot API\n- 🎨 **Tailwind CSS 4** - Utility-first CSS framework\n- 🧭 **React Router v7** - Declarative routing for React\n- 📱 **Responsive Design** - Fully mobile-optimized\n- 🧩 **Headless UI v2** - Accessible, unstyled UI components\n- 🦸 **Heroicons** - Beautiful SVG icons for UI\n- 🔍 **ESLint** - Code linting with modern ESLint setup (flat config)\n- 📁 **Organized Structure** - Logical component organization\n- 🔄 **API Service** - Pre-configured API service layer\n\n## Prerequisites\n\n- Node.js 18.x or higher\n- npm or yarn\n\n## Installation\n\n```bash\n# Clone repository\ngit clone https://github.com/StephanGeorg/vite-react-tailwind-webapp.git\ncd vite-react-tailwind-webapp\n\n# Install dependencies\nnpm install\n\n# Or with yarn\nyarn install\n```\n\n## Development\n\nStart the development server:\n\n```bash\nnpm run dev\n```\n\nThe server runs at [http://localhost:3000](http://localhost:3000).\n\n## Linting\n\n```bash\n# Run code linting\nnpm run lint\n\n# Auto-fix issues\nnpm run lint:fix\n```\n\n## Build\n\nCreate a production-ready build:\n\n```bash\nnpm run build\n```\n\nOutput is stored in the `dist` directory.\n\nPreview the build:\n\n```bash\nnpm run serve\n```\n\n## Project Structure\n\n```\nvite-react-tailwind-webapp/\n├── public/            # Static assets\n├── src/\n│   ├── assets/        # Application assets\n│   ├── components/    # React components\n│   │   ├── layout/    # Layout components\n│   │   └── ui/        # UI components\n│   ├── hooks/         # Custom React hooks\n│   ├── pages/         # Page components for routing\n│   ├── services/      # API services\n│   ├── utils/         # Helper functions\n│   ├── index.css      # Global styles\n│   └── main.jsx       # Main entry point\n├── index.html         # HTML template\n├── vite.config.js     # Vite configuration\n├── tailwind.config.js # Tailwind CSS configuration\n└── postcss.config.mjs # PostCSS configuration\n```\n\n## Customization\n\n### Tailwind Configuration\n\nCustomize Tailwind in [`tailwind.config.js`](tailwind.config.js):\n\n```js\nmodule.exports = {\n  content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],\n  theme: {\n    extend: {\n      // Add custom colors, fonts, etc. here\n    },\n  },\n  plugins: [],\n}\n```\n\n### API Configuration\n\nConfigure the API base URL in [`src/services/api.js`](src/services/api.js):\n\n```js\nconst API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'https://your-api-url.com/api';\n```\n\n### Routing Configuration\n\nThe application uses React Router v7 for navigation. Routes are defined in [`src/components/App.jsx`](src/components/App.jsx):\n\n```jsx\nimport { BrowserRouter, Routes, Route } from 'react-router-dom';\nimport Layout from './layout/Layout';\nimport HomePage from '../pages/HomePage';\nimport UsersPage from '../pages/UsersPage';\nimport AboutPage from '../pages/AboutPage';\n\nexport default function App() {\n  return (\n    \u003cBrowserRouter\u003e\n      \u003cLayout\u003e\n        \u003cRoutes\u003e\n          \u003cRoute path=\"/\" element={\u003cHomePage /\u003e} /\u003e\n          \u003cRoute path=\"/users\" element={\u003cUsersPage /\u003e} /\u003e\n          \u003cRoute path=\"/about\" element={\u003cAboutPage /\u003e} /\u003e\n          {/* Add your routes here */}\n        \u003c/Routes\u003e\n      \u003c/Layout\u003e\n    \u003c/BrowserRouter\u003e\n  );\n}\n```\n\nTo create a new page:\n\n1. Add a new component in the `src/pages` directory\n2. Create a new route in `App.jsx`\n3. Update the navigation links in `src/components/layout/Navigation.jsx` if needed\n\n## License\n\nISC\n\n---\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephangeorg%2Fvite-react-tailwind-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstephangeorg%2Fvite-react-tailwind-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephangeorg%2Fvite-react-tailwind-webapp/lists"}