{"id":18403276,"url":"https://github.com/codestackr/coducks","last_synced_at":"2025-09-14T05:20:00.240Z","repository":{"id":240328339,"uuid":"683845692","full_name":"codeSTACKr/coducks","owner":"codeSTACKr","description":null,"archived":false,"fork":false,"pushed_at":"2023-08-27T22:01:34.000Z","size":12466,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-08T23:04:26.852Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/codeSTACKr.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":"2023-08-27T22:01:29.000Z","updated_at":"2023-08-28T15:33:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"c867e3fa-d68b-400b-a00c-dcf4772f5cf6","html_url":"https://github.com/codeSTACKr/coducks","commit_stats":null,"previous_names":["codestackr/coducks"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codeSTACKr/coducks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fcoducks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fcoducks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fcoducks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fcoducks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codeSTACKr","download_url":"https://codeload.github.com/codeSTACKr/coducks/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codeSTACKr%2Fcoducks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275062966,"owners_count":25398888,"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-14T02:00:10.474Z","response_time":75,"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":"2024-11-06T02:46:33.750Z","updated_at":"2025-09-14T05:20:00.213Z","avatar_url":"https://github.com/codeSTACKr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# coducks\n\nDemo app for \"Codux Live: Building an eComm product page ft. RadixUI \u0026amp; TailwindCSS\"\n\nIn this project we build the UI for an ecommerce product page, using TailwindCSS\nfor styling and RadixUI for building the more complex UI elements. Throughout,\nwe'll be using Codux as a platform for visually iterating on the implementation.\n\n## Outline\n\nThe branches \u0026 commits in this repository correspond to \"checkpoints\" throughout the webinar. As you\nfollow along, if you ever get stuck or out of sync with the tutorial you can check out the\ncorresponding branch or commit to \"catch up\".\n\n- Intro: project scope \u0026 design brief\n\n[checkpoint: branch `0-start`]\n\n- 1: TailwindCSS atomic styling\n  - 1.1 Footer styles\n  - 1.2 Header styles\n  - 1.3 Layout\n  - 1.4 Product info\n\n[checkpoint: branch `1-tailwind`]\n\n- 2: RadixUI component primitives\n  - 2.1 Product info accordion\n  - 2.2 Product size toggle\n  - 2.3 Image gallery\n  - 2.4 Navigation menu\n\n[checkpoint: branch `2-radix`]\n\n- 3: (optional) Responsive design\n  - 3.1 Mobile layout\n\n[checkpoint: branch `3-bonus`]\n\n## Installation\n\nPrerequisites:\n\n- Install Node \u0026 npm\n- Sign up for a free Codux account\n\nProject set up:\n\n- Clone the project repo, and checkout the `0-start` branch.\n- In Codux, open the repository as a Codux project\n- Run the \"Install\" script in Codux (or `npm i` on the command line) to install the project dependencies\n- Follow along with the webinar! Use the branches if needed to catch up or \"reset\" to a checkpoint.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodestackr%2Fcoducks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodestackr%2Fcoducks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodestackr%2Fcoducks/lists"}