{"id":15982460,"url":"https://github.com/thomaskn/shopify-product-listing","last_synced_at":"2025-04-04T19:18:21.313Z","repository":{"id":229516257,"uuid":"776935821","full_name":"thomasKn/shopify-product-listing","owner":"thomasKn","description":null,"archived":false,"fork":false,"pushed_at":"2024-03-24T21:03:52.000Z","size":116,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-10T04:26:39.905Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://shopify-product-listing.vercel.app","language":"TypeScript","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/thomasKn.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}},"created_at":"2024-03-24T20:59:03.000Z","updated_at":"2024-03-24T21:00:51.000Z","dependencies_parsed_at":"2024-03-24T22:21:57.546Z","dependency_job_id":"704648ae-561e-4781-a7f5-e3924cdec431","html_url":"https://github.com/thomasKn/shopify-product-listing","commit_stats":null,"previous_names":["thomaskn/shopify-product-listing"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasKn%2Fshopify-product-listing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasKn%2Fshopify-product-listing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasKn%2Fshopify-product-listing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasKn%2Fshopify-product-listing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thomasKn","download_url":"https://codeload.github.com/thomasKn/shopify-product-listing/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234944,"owners_count":20905855,"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":"2024-10-08T01:04:19.037Z","updated_at":"2025-04-04T19:18:21.294Z","avatar_url":"https://github.com/thomasKn.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hydrogen + Vite playground\n\n\u003ca href=\"https://shopify-product-listing.vercel.app\" target=\"_blank\"\u003e\nLive demo app\n\u003c/a\u003e\n\n## Getting started\n\n```shellscript\npnpm install\npnpm run dev\n```\n\n## Technologies\n\n### Remix + Vite\n\nThis app has been built with Remix to be as close to an original Hydrogen app as possible. Vite is also used to speed up the build process.\n\n### Hydrogen\n\nHydrogen is used for generating Shopify types but also to import components such as `\u003cImage /\u003e` or `\u003cMoney /\u003e`.\n\n### Radix UI + shadcn/ui\n\nRadix UI is used along with shadcn/ui to implement the UI and make sure components are accessible across the app.\n\n### Tailwind CSS\n\nTailwind CSS is used to style the app.\n\n### Development Assumptions\n\nThis app is for demo purposes. It is not intended to be used in production.\n\nFor the sake of the demo, this app mocks an API call to dynamically fetch Shopify products.\n\nProduct filtering, pagination, sorting and search are implemented in the server side. In a real world scenario, these functionnalities would be managed with Shopify GraphQL queries.\n\nStates are stored in the url and persisted between page loads.\n\nThe Infinite Scrolling functionnality uses an artificial delay of 1 seconds to simulate a real world scenario.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomaskn%2Fshopify-product-listing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomaskn%2Fshopify-product-listing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomaskn%2Fshopify-product-listing/lists"}