{"id":31206321,"url":"https://github.com/adygcode/tailwindcss-demo-2025-s2","last_synced_at":"2025-09-20T19:42:44.468Z","repository":{"id":308459433,"uuid":"1028876144","full_name":"AdyGCode/tailwindcss-demo-2025-s2","owner":"AdyGCode","description":"TailwindCSS and HTML Review","archived":false,"fork":false,"pushed_at":"2025-08-29T04:42:04.000Z","size":1177,"stargazers_count":1,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-29T07:42:40.591Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/AdyGCode.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-07-30T07:34:11.000Z","updated_at":"2025-08-29T04:42:08.000Z","dependencies_parsed_at":"2025-08-06T04:07:13.312Z","dependency_job_id":"2e5a5dbe-2805-495f-a953-fc341656161b","html_url":"https://github.com/AdyGCode/tailwindcss-demo-2025-s2","commit_stats":null,"previous_names":["adygcode/tailwindcss-demo-2025-s2"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AdyGCode/tailwindcss-demo-2025-s2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdyGCode%2Ftailwindcss-demo-2025-s2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdyGCode%2Ftailwindcss-demo-2025-s2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdyGCode%2Ftailwindcss-demo-2025-s2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdyGCode%2Ftailwindcss-demo-2025-s2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdyGCode","download_url":"https://codeload.github.com/AdyGCode/tailwindcss-demo-2025-s2/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdyGCode%2Ftailwindcss-demo-2025-s2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276150786,"owners_count":25593841,"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","status":"online","status_checked_at":"2025-09-20T02:00:10.207Z","response_time":63,"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":[],"created_at":"2025-09-20T19:42:43.043Z","updated_at":"2025-09-20T19:42:44.457Z","avatar_url":"https://github.com/AdyGCode.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TailwindCSS Demo 2025/S2\n\nDetails to come\n\n## First Use\n\nTo use this repository, use the following steps:\n\n- Create a local copy\n- cd into the folder\n- install the packages\n- run the dev server\n\n## Create Local Copy \u0026 Install Requirements\n\nOpen a command line and run:\n\n```shell\ngit clone https://github.com/AdyGCode/tailwindcss-demo-2025-s2\ncd tailwindcss-demo-2025-s2 \n```\n\n\u003e **IMPORTANT**\n\u003e \n\u003e You will need Node.js version 22.18+ or 24.4+ to run vite and other NPM\n\u003e packages.\n\u003e\n\u003e Also, the repository is also configured to render PHP files.\n\n## Run the Development Server\n\nWe are using Composer, VITE and TailwindCSS' CLI to run a development server.\n\n\n### Vite\n\nVite is like \"make\" on Linux and for other systems, and acts as a build application that\nperforms actions automatically.\n\nVite's configuration provides:\n\n- dev - used to automatically watch and compile CSS/JS when developing\n- build - used to create production copies of the CSS/JS\n\n### Composer\n\nComposer is the equivalent to NPM for Node.js. It is a package manager for PHP.\n\nWe are using it to run multiple commands at once so we do not have to run multiple terminal instances. \n\nComposer provides:\n\n\n### Install Dependencies\n\nBefore run the development server, we need to:\n\n- Install any Composer package requirements\n- Install any Node.js package requirements\n- \nExecute the following commands:\n\n```shell\nnpm install -g @tailwindcss/language-server\n```\nThis installs a helper for PhpStorm and WebStorm.\n\n```shell\nnpm install\ncomposer install\n```\n\nThese will install the packages required by composer and node.\n\n\n### Running the Development Server\n\nIn the same shell execute:\n\n```shell\ncomposer run dev\n```\n\nOpen a browser and go to: http://localhost:8000/\n\n- Localhost is the local computer/host (the one in front of you)\n- 8000 is the port that Vite is listening on for requests\n\n# Components \u0026 Icons\n\nWe have been using the following libraries to help with this demo:\n\n- Components are from [HyperUI - https://www.hyperui.dev/](https://www.hyperui.dev/).\n- Icons are from [FontAwesome (Free) - https://fontawesome.com](https://fontawesome.com)\n\nThere are MANY possible options for UI components and Icons.\n\nWhen selecting, please make sure you are using UI components that are TailwindCSS v4\ncompatible.\n\nAny costs in using any of the components, icons and other sources are the responsibility of\nthe user, and not the authors.\n\n\u003e In your About page, please provide a link back to the source of ANY components, icons etc.\n\u003e you use in your designs.\n\n# Resources\n\nhttps://dev.to/masumparvej/7-free-font-awesome-alternatives-in-2025-138e\n\nhttps://octet.design/journal/free-icon-sets/\n\nhttps://vite-php.nititech.de/get-started\n\nhttps://github.com/donnikitos/vite-plugin-php\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadygcode%2Ftailwindcss-demo-2025-s2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadygcode%2Ftailwindcss-demo-2025-s2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadygcode%2Ftailwindcss-demo-2025-s2/lists"}