{"id":21347452,"url":"https://github.com/devhyrum/tailwind-css-showcase","last_synced_at":"2026-05-07T04:33:03.756Z","repository":{"id":244980707,"uuid":"816471212","full_name":"devHyrum/Tailwind-CSS-Showcase","owner":"devHyrum","description":"A basic React application demonstrating the use of Tailwind CSS for styling and responsiveness, featuring Gabrielle Essence Eau De Parfum, a luxurious perfume by CHANEL.","archived":false,"fork":false,"pushed_at":"2024-09-07T22:28:18.000Z","size":466,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-22T16:32:45.440Z","etag":null,"topics":["frontend-mentor","tailwindcss"],"latest_commit_sha":null,"homepage":"https://tailwind-css-showcase.vercel.app","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/devHyrum.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-06-17T20:30:28.000Z","updated_at":"2024-09-07T22:55:25.000Z","dependencies_parsed_at":"2025-01-22T16:33:14.836Z","dependency_job_id":"9f7dc6b1-4ffa-46d5-a1f9-5af1a875097d","html_url":"https://github.com/devHyrum/Tailwind-CSS-Showcase","commit_stats":null,"previous_names":["devhyrum/tailwind-css-showcase"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2FTailwind-CSS-Showcase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2FTailwind-CSS-Showcase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2FTailwind-CSS-Showcase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devHyrum%2FTailwind-CSS-Showcase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devHyrum","download_url":"https://codeload.github.com/devHyrum/Tailwind-CSS-Showcase/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243822294,"owners_count":20353500,"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":["frontend-mentor","tailwindcss"],"created_at":"2024-11-22T02:14:15.973Z","updated_at":"2025-10-20T11:32:14.101Z","avatar_url":"https://github.com/devHyrum.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tailwind CSS Showcase\n![alt text](./public/demo.png)\n\n**Responsive design**:\n\n![alt text](./public/demoResponsive.png)\n\nA basic React application demonstrating the use of Tailwind CSS for styling and responsiveness, featuring Gabrielle Essence Eau De Parfum, a luxurious perfume by CHANEL.\n\n## About the Project\n\nThis project aims to showcase the capabilities of Tailwind CSS in building a responsive and visually appealing website. The application displays a product offer for Gabrielle Essence Eau De Parfum, highlighting its features and providing a call-to-action for adding to cart. The design was taken from the **[Frontend Mentor](https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa)** website\n\n## Features\n\n* Responsive design using Tailwind CSS utility-first approach\n* Mobile-friendly layout with easy-to-read typography\n* Attractive product showcase with image and detailed description\n* Call-to-action button for adding to cart\n\n## Technologies Used\n\n* React.js for building the application\n* Tailwind CSS for styling and responsiveness\n* JavaScript for dynamic functionality\n* FrontendMentor website to follow the proposed design\n\n## Getting Started\n\n1. Clone the repository: `git clone https://github.com/devHyrum/Tailwind-CSS-Showcase.git`\n2. Install dependencies: `npm install` or `yarn install`\n3. Start the application: `npm start` or `yarn start`\n4. Open your web browser and navigate to `http://localhost:3000`\n\n## Contributing\n\nContributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevhyrum%2Ftailwind-css-showcase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevhyrum%2Ftailwind-css-showcase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevhyrum%2Ftailwind-css-showcase/lists"}