{"id":13449783,"url":"https://github.com/justalever/tailwind-airbnb","last_synced_at":"2025-04-23T17:43:41.278Z","repository":{"id":151673870,"uuid":"216420666","full_name":"justalever/tailwind-airbnb","owner":"justalever","description":"A demo of how to build Airbnb's home page using Tailwind CSS","archived":false,"fork":false,"pushed_at":"2020-06-05T13:59:59.000Z","size":560,"stargazers_count":47,"open_issues_count":1,"forks_count":11,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-09T13:05:42.280Z","etag":null,"topics":["css","front-end-development","postcss","tailwindcss"],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/justalever.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}},"created_at":"2019-10-20T20:07:44.000Z","updated_at":"2024-08-22T10:20:28.000Z","dependencies_parsed_at":"2023-04-18T16:06:13.556Z","dependency_job_id":null,"html_url":"https://github.com/justalever/tailwind-airbnb","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Ftailwind-airbnb","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Ftailwind-airbnb/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Ftailwind-airbnb/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Ftailwind-airbnb/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/justalever","download_url":"https://codeload.github.com/justalever/tailwind-airbnb/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250483273,"owners_count":21438018,"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":["css","front-end-development","postcss","tailwindcss"],"created_at":"2024-07-31T06:00:55.994Z","updated_at":"2025-04-23T17:43:41.254Z","avatar_url":"https://github.com/justalever.png","language":"HTML","funding_links":[],"categories":["HTML","Running the update"],"sub_categories":["By Popularity"],"readme":"![https://i.imgur.com/KEbg2dC.jpg](https://i.imgur.com/KEbg2dC.jpg)\n\n# Airbnb Homepage build with Tailwind CSS\n\n[View the tutorial here](https://web-crunch.com/posts/re-create-airbnbs-home-page-with-tailwind-css)\n\nA simple starter project for playing around with Tailwind in a proper PostCSS environment. I used Airbnb as a source of inspiration to teach how to use the framework.\n\nTo get started:\n\n1. Clone the repository:\n\n    ```bash\n    git clone https://github.com/justalever/tailwind-airbnb tailwind-airbnb\n\n    cd tailwind-airbnb\n    ```\n\n2. Install the dependencies:\n\n    ```bash\n    # Using npm\n    npm install\n\n    # Using Yarn\n    yarn\n    ```\n\n3. Start the development server:\n\n    ```bash\n    # Using npm\n    npm run serve\n\n    # Using Yarn\n    yarn run serve\n    ```\n\n    Now you should be able to see the project running at localhost:8080.\n\n4. Open `public/index.html` in your editor and start experimenting!\n\n## Building for production\n\nEven though this isn't necessarily a starter kit for a proper project, we've included an example of setting up both [Purgecss](https://www.purgecss.com/) and [cssnano](https://cssnano.co/) to optimize your CSS for production.\n\nTo build an optimized version of your CSS, simply run:\n\n```bash\n# Using npm\nnpm run production\n\n# Using Yarn\nyarn run production\n```\n\nAfter that's done, check out `./public/build/tailwind.css` to see the optimized output.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustalever%2Ftailwind-airbnb","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjustalever%2Ftailwind-airbnb","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustalever%2Ftailwind-airbnb/lists"}