{"id":22783225,"url":"https://github.com/gregolive/shop-homepage","last_synced_at":"2026-04-28T16:32:27.732Z","repository":{"id":183623001,"uuid":"459166985","full_name":"gregolive/shop-homepage","owner":"gregolive","description":"An online shop for Mind Blown Coffee Roasters.","archived":false,"fork":false,"pushed_at":"2022-02-19T04:59:28.000Z","size":31294,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T16:40:30.315Z","etag":null,"topics":["css","javascript"],"latest_commit_sha":null,"homepage":"https://gregolive.github.io/shop-homepage/","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/gregolive.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}},"created_at":"2022-02-14T13:09:37.000Z","updated_at":"2022-02-18T16:26:23.000Z","dependencies_parsed_at":"2023-07-29T03:01:20.809Z","dependency_job_id":null,"html_url":"https://github.com/gregolive/shop-homepage","commit_stats":null,"previous_names":["gregolive/shop-homepage"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fshop-homepage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fshop-homepage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fshop-homepage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fshop-homepage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gregolive","download_url":"https://codeload.github.com/gregolive/shop-homepage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246334430,"owners_count":20760644,"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","javascript"],"created_at":"2024-12-11T22:07:22.440Z","updated_at":"2026-04-28T16:32:22.707Z","avatar_url":"https://github.com/gregolive.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Online Shop Homepage\n\nAn online shop for Mind Blown Coffee Roasters made in Javascript.\n\n[Live demo](https://gregolive.github.io/shop-homepage/) 👈\n\n## Functionality\n\n- Simple 3 tab navigation (Home, Coffee List, and Contact buttons) that use Javascript modules and webpack to generate the appropriate HTML\n- Additional JS modules for loading nav header and footer \n- HTML file generated dynamically with webpacks's \u003ccode\u003eHtmlWebpackPlugin\u003c/code\u003e\n\n## Reflection\n\nThis was the first project I built using webpack, but using the excellent [webpack guides](https://webpack.js.org/guides/) made implementing webpack quite easy. I used webpack's asset modules to load in CSS, images, and fonts, in addition to the JS modules. One of the most useful features was setting \u003ccode\u003eclean: true\u003c/code\u003e on the output directory to keep the dist folder free of unused files. Another aweosme feature is the ability to generate the entire HTML file dynamically, while still being able to set up a favicon, etc.\n\nSomething that I still need to figure out with is properlly controlling the size of the output files. When I set the webpack mode to production, I got warnings that some of the files were above the recommended 244KiB size. I was surprised to see that even the font files were deemed to be possibly impacting performance and need to look into fixing this for a project that I will want to use in production.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregolive%2Fshop-homepage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgregolive%2Fshop-homepage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregolive%2Fshop-homepage/lists"}