{"id":18586413,"url":"https://github.com/cardinalby/tea-collage","last_synced_at":"2026-04-25T12:34:07.825Z","repository":{"id":51647636,"uuid":"306958414","full_name":"cardinalby/tea-collage","owner":"cardinalby","description":"Tea collage","archived":false,"fork":false,"pushed_at":"2022-08-02T14:56:29.000Z","size":218416,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T17:56:34.553Z","etag":null,"topics":["psd","react","tea-collage"],"latest_commit_sha":null,"homepage":"https://cardinalby.github.io/tea-collage","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cardinalby.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-24T19:41:04.000Z","updated_at":"2022-08-02T14:54:45.000Z","dependencies_parsed_at":"2022-08-22T14:51:16.423Z","dependency_job_id":null,"html_url":"https://github.com/cardinalby/tea-collage","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/cardinalby%2Ftea-collage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardinalby%2Ftea-collage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardinalby%2Ftea-collage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cardinalby%2Ftea-collage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cardinalby","download_url":"https://codeload.github.com/cardinalby/tea-collage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254484600,"owners_count":22078754,"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":["psd","react","tea-collage"],"created_at":"2024-11-07T00:38:09.780Z","updated_at":"2026-04-25T12:34:02.794Z","avatar_url":"https://github.com/cardinalby.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Build check](https://github.com/cardinalby/tea-collage/workflows/Build%20check/badge.svg)\n![Github Pages Deploy](https://github.com/cardinalby/tea-collage/workflows/Github%20Pages%20Deploy/badge.svg)\n[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fcardinalby%2Ftea-collage\u0026count_bg=%2379C83D\u0026title_bg=%23555555\u0026icon=\u0026icon_color=%23E7E7E7\u0026title=hits\u0026edge_flat=false)](https://hits.seeyoufarm.com)\n\n## Tea Collage\n\n[Go to Github Pages](https://cardinalby.github.io/tea-collage)\n\nThis project is a digital interactive addition to a collage of Chinese tea wrappers that I have been \ndrinking for the past three years.\n\nNow this collage hangs in a frame under the glass, and there is a QR code in its center that leads to this site, where you can see what the whole wrappers looked like, fragments of which are shown on the collage and read more about each tea.\n\nAt the same time, this site is my learning project, where I decided to refresh my knowledge of modern frontend development technologies. In general, my specialization is backend development, but sometimes I try to look into related areas to stay up to date 🙂\n\n## Build\n\n### Resource extracting\n\nSource of background collage photo, wrappers overlays and paths for background areas are located in \n`resources/teas.psd` under the version control. \nTo extract layers images and meta information required for React App run:\n\n`npm run build-resources-processing`\\\n`npm run process-resources` \n\nUseful development scripts are:\n\n* `npm run check-resources` quickly checks PSD file and saves json files requered to build React app \nwithout extracting and resizing actual images\n* `npm run update-img-areas-style` quickly updates only `src/areas-map.json` stroke and fill styles.\n\n### Build react app\n\n`npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n`npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcardinalby%2Ftea-collage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcardinalby%2Ftea-collage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcardinalby%2Ftea-collage/lists"}