{"id":19307100,"url":"https://github.com/luovtyrell/react-vite-proptypes-react-router-tailwind-starter","last_synced_at":"2026-04-11T06:01:42.688Z","repository":{"id":254556976,"uuid":"846022031","full_name":"Luovtyrell/React-Vite-PropTypes-React-Router-Tailwind-Starter","owner":"Luovtyrell","description":"A starter template for React projects with Vite, PropTypes, React Router, and Tailwind CSS for a fast and customizable setup.","archived":false,"fork":false,"pushed_at":"2025-11-22T16:57:19.000Z","size":110,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-22T18:23:48.787Z","etag":null,"topics":["prop-types","react","react-router","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/Luovtyrell.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-22T11:45:02.000Z","updated_at":"2025-11-22T16:57:23.000Z","dependencies_parsed_at":"2024-08-24T10:28:46.100Z","dependency_job_id":"8a0dca73-cc6a-459d-a108-bc58eea77af3","html_url":"https://github.com/Luovtyrell/React-Vite-PropTypes-React-Router-Tailwind-Starter","commit_stats":null,"previous_names":["luovtyrell/react-vite-proptypes-react-router-tailwind-starter"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/Luovtyrell/React-Vite-PropTypes-React-Router-Tailwind-Starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luovtyrell%2FReact-Vite-PropTypes-React-Router-Tailwind-Starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luovtyrell%2FReact-Vite-PropTypes-React-Router-Tailwind-Starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luovtyrell%2FReact-Vite-PropTypes-React-Router-Tailwind-Starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luovtyrell%2FReact-Vite-PropTypes-React-Router-Tailwind-Starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Luovtyrell","download_url":"https://codeload.github.com/Luovtyrell/React-Vite-PropTypes-React-Router-Tailwind-Starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luovtyrell%2FReact-Vite-PropTypes-React-Router-Tailwind-Starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31670383,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["prop-types","react","react-router","tailwindcss","vite"],"created_at":"2024-11-10T00:09:40.743Z","updated_at":"2026-04-11T06:01:42.642Z","avatar_url":"https://github.com/Luovtyrell.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React + Vite + PropTypes + React Router + Tailwind CSS Starter Template\n\n\u003cimg src=\"https://img.shields.io/badge/React-61DAFB?logo=react\u0026logoColor=000\u0026style=flat\" alt=\"React Badge\" style=\"height: 23px;\"\u003e \u003cimg src=\"https://img.shields.io/badge/PropTypes-lightblue?style=flat\u0026logo=React\u0026logoColor=black\" alt=\"PropTypes Badge\" style=\"height: 23px;\"\u003e \u003cimg src=\"https://img.shields.io/badge/Vite-646CFF?logo=vite\u0026logoColor=fff\u0026style=flat\" alt=\"Vite Badge\" style=\"height: 23px;\"\u003e \u003cimg src=\"https://img.shields.io/badge/React%20Router-CA4245?logo=reactrouter\u0026logoColor=fff\u0026style=flat\" alt=\"React Router Badge\" style=\"height: 23px;\"\u003e \u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss\u0026logoColor=fff\u0026style=flat\" alt=\"Tailwind CSS Badge\" style=\"height: 23px;\"\u003e\n\n\nThis is a starter template for React projects using Vite as the bundler, PropTypes for prop validation, React Router for routing, and Tailwind CSS for styling. It provides a basic and functional setup that you can use to kickstart your React project and save time.\n\n**Updated to support:**\n- **React 19**\n- **Tailwind CSS 4**\n- **DaisyUI 5**\n- **React Router 7**\n\n## Table of Contents\n\n1. [Template Structure](#template-structure)\n2. [Installation](#installation)\n3. [Configuration](#configuration)\n4. [Additional Resources](#additional-resources)\n\n## Template Structure\n\n- **`src/components`**: Contains application components.\n\n  - `Counter.jsx`: Example component for counting.\n  - `Greeting.jsx`: Example greeting component that uses PropTypes for prop validation.\n\n- **`src/pages`**: Contains application pages.\n\n  - `Home.jsx`: Home page that displays the greeting and includes a button to navigate to the CounterPage.\n  - `CounterPage.jsx`: Page displaying the counter and including a button to navigate back to the Home page.\n\n- **`src/routes/AppRoutes.jsx`**: Route configuration for the application.\n\n- **`src/index.css`**: Contains Tailwind CSS imports and DaisyUI plugin configuration.\n\n## Installation\n\nTo start using this template, follow these steps:\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/Luovtyrell/React-Vite-PropTypes-React-Router-Tailwind-Starter.git\n   ```\n\n2. **Navigate to the project directory:**\n\n   ```bash\n   cd React-Vite-PropTypes-React-Router-Tailwind-Starter\n   ```\n\n3. **Install the dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n4. **Start the development server:**\n\n   ```bash\n   npm run dev\n   ```\n\n   This will start the development server, and you can view the application at `http://localhost:3000` (or the configured port).\n\n## Configuration\n\n### Tailwind CSS 4 \u0026 DaisyUI 5\n\nThis project uses **Tailwind CSS 4**, which is configured directly in CSS.\n\n**`src/index.css`**:\n```css\n@import \"tailwindcss\";\n@plugin \"daisyui\";\n```\n\nNo `tailwind.config.js` or `postcss.config.js` is required for this setup.\nDaisyUI 5 is included as a CSS plugin.\n\n## Additional Resources\n\n- [React Documentation](https://reactjs.org/docs/getting-started.html)\n- [Vite Documentation](https://vitejs.dev/guide/)\n- [Tailwind CSS Documentation](https://tailwindcss.com/docs)\n- [PropTypes Guide](https://www.npmjs.com/package/prop-types)\n- [React Router Guide](https://reactrouter.com/web/guides/quick-start)\n\n---\n\n\n[![Lucía Ordoñez Vilanova](https://avatars.githubusercontent.com/u/153511070?v=4\u0026s=100 \"Lucía Ordoñez Vilanova's GitHub Avatar\")](https://github.com/Luovtyrell) \u003ca href=\"https://www.github.com/Luovtyrell\"\u003e \u003cbr\u003e\n\u003cimg src=\"https://img.shields.io/badge/LUCIA%20ORDO%C3%91EZ%20VILANOVA-gray?style=flat\u0026color=ffdf0a\"  height=\"30\" alt=\"Made by Lucía Ordoñez Vilanova\"/\u003e\n\u003c/a\u003e\n\n\u003ca href=\"mailto:luciaorvilanova@gmail.com\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://img.shields.io/badge/Gmail-EA4335?logo=gmail\u0026logoColor=fff\u0026style=flat\"  height=\"23\" alt=\"Gmail\" /\u003e\u003c/a\u003e \u003ca href=\"https://www.linkedin.com/in/luovtyrell\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0A66C2?logo=linkedin\u0026logoColor=fff\u0026style=flat\" height=\"23\" alt=\"LinkedIn\" /\u003e\u003c/a\u003e \u003ca href=\"https://t.me/luovtyrell\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://img.shields.io/badge/Telegram-26A5E4?logo=telegram\u0026logoColor=fff\u0026style=flat\" height=\"23\" alt=\"Telegram\" /\u003e\u003c/a\u003e \u003ca href=\"http://discordapp.com/users/664163194989707308\" target=\"_blank\" rel=\"noreferrer\"\u003e\u003cimg src=\"https://img.shields.io/badge/Discord-5865F2?logo=discord\u0026logoColor=fff\u0026style=flat\" height=\"23\" alt=\"Discord\" /\u003e\u003c/a\u003e \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluovtyrell%2Freact-vite-proptypes-react-router-tailwind-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluovtyrell%2Freact-vite-proptypes-react-router-tailwind-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluovtyrell%2Freact-vite-proptypes-react-router-tailwind-starter/lists"}