{"id":13701030,"url":"https://github.com/Lemoncode/parcel-by-sample","last_synced_at":"2025-05-04T20:31:37.975Z","repository":{"id":81411391,"uuid":"126816269","full_name":"Lemoncode/parcel-by-sample","owner":"Lemoncode","description":"Learn parcel by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.","archived":false,"fork":false,"pushed_at":"2020-07-15T08:38:03.000Z","size":211,"stargazers_count":45,"open_issues_count":3,"forks_count":14,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-25T08:55:30.989Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"HTML","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/Lemoncode.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-03-26T11:06:13.000Z","updated_at":"2025-02-06T13:41:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"bd49080f-8eb6-46db-9bfe-cc87f62f865c","html_url":"https://github.com/Lemoncode/parcel-by-sample","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/Lemoncode%2Fparcel-by-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fparcel-by-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fparcel-by-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lemoncode%2Fparcel-by-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Lemoncode","download_url":"https://codeload.github.com/Lemoncode/parcel-by-sample/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252395351,"owners_count":21741025,"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-08-02T20:01:14.688Z","updated_at":"2025-05-04T20:31:37.967Z","avatar_url":"https://github.com/Lemoncode.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# Parcel by sample\n\nLearn parcel by sample, each of the samples contains a `readme.md` file that\nindicates the purpose of the sample plus an step by step guide to reproduce it.\n\nThe Lemoncode Frontend Master Students are working on a review process, if you want to cooperate in this process or add more useful samples don't hesitate to contact us, fork the project and asking for PR once ready.\n\n# Demos\n\n## 00 Basic\n\nLet's start with a very basic sample, just add an html plus a simple console log (E5). This is what you can find in the getting started tutorial.\n\n [Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/blob/master/00%20basic/README.md)\n\n## 01 ES6\n\nIt's time to test how parcel behaves when using ES6. Does it transpile it to ES5?\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/01%20es6)\n\n## 02 Custom CSS\n\nLet's start working with styles.\n\nIn this demo will create a custom CSS file (it contains a simple css class that changes a background color to red).\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/02%20custom%20css)\n\n## 03 SASS\n\nLet's see how to add SASS support.\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/03%20sass)\n\n\n## 04 Bootstrap\n\nIn this demo we install and configure parcel to import the well known [Bootstrap](https://getbootstrap.com/) CSS library.\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/04%20bootstrap)\n\n\n## 05 Images\n\nIn this demo we include images in our project in two flavours: via JavaScript and via HTML.\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/05%20images)\n\n\n## 06 Typescript\n\nIt's time to test how parcel behaves when using Typescript.\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/06%20typescript)\n\n\n## 07 React\n\nLet's check how easy it is to integrate jsx to your bundle.\n\n[Link to step by step sample guide](https://github.com/Lemoncode/parcel-by-sample/tree/master/07%20react)\n\n\n# About Basefactor + Lemoncode\n\nWe are an innovating team of Javascript experts, passionate about turning your ideas into robust products.\n\n[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.\n\n[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.\n\nFor the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLemoncode%2Fparcel-by-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLemoncode%2Fparcel-by-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLemoncode%2Fparcel-by-sample/lists"}