{"id":13551533,"url":"https://github.com/bizz84/code_with_andrea_flutter","last_synced_at":"2025-04-14T14:33:01.138Z","repository":{"id":45968977,"uuid":"427485495","full_name":"bizz84/code_with_andrea_flutter","owner":"bizz84","description":"Code With Andrea Home Page - Flutter Clone","archived":false,"fork":false,"pushed_at":"2024-06-26T15:13:44.000Z","size":1725,"stargazers_count":89,"open_issues_count":2,"forks_count":19,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-10T09:11:12.262Z","etag":null,"topics":["flutter"],"latest_commit_sha":null,"homepage":"https://codewithandrea.com/","language":"Dart","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/bizz84.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","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},"funding":{"github":"bizz84"}},"created_at":"2021-11-12T20:17:06.000Z","updated_at":"2025-04-10T01:33:57.000Z","dependencies_parsed_at":"2024-05-18T09:28:20.119Z","dependency_job_id":"4ce8e27f-cf54-4896-9bc3-e54693f9a096","html_url":"https://github.com/bizz84/code_with_andrea_flutter","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/bizz84%2Fcode_with_andrea_flutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fcode_with_andrea_flutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fcode_with_andrea_flutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fcode_with_andrea_flutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bizz84","download_url":"https://codeload.github.com/bizz84/code_with_andrea_flutter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248897460,"owners_count":21179588,"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":["flutter"],"created_at":"2024-08-01T12:01:49.973Z","updated_at":"2025-04-14T14:33:01.093Z","avatar_url":"https://github.com/bizz84.png","language":"Dart","readme":"# Code With Andrea - Flutter Clone\n\nThis project is a Flutter clone of the **home page** at [codewithandrea.com](https://codewithandrea.com/).\n\n![Code with Andrea - Flutter screenshot](screenshot.png)\n\nIt was built to analyze the performance of the same site built with **Flutter web** vs **HTML+CSS+JS** (see the performance comparison below). But it also runs on desktop and mobile.\n\nA Flutter web build is hosted here:\n\n- [Code with Andrea - Flutter web demo](https://code-with-andrea-flutter.web.app)\n\nI've also built the same with the [`--wasm` option](https://docs.flutter.dev/platform-integration/web/wasm):\n\n- [Code with Andrea - Flutter web wasm demo](https://code-with-andrea-flutter-wasm.web.app)\n\n\u003e **Note**: The Flutter web app has been tested to work on Chrome and Safari. On Firefox, WebP images don't seem to load and sometimes CanvasKit crashes with an \"out of memory\" exception.\n\n## Supported Features\n\n- Responsive navigation header on desktop, tablet, mobile\n- Page intro\n- Featured tutorials (cards)\n- Flutter courses (cards)\n- Testimonials section\n- About section\n- Email signup at the bottom\n- Site footer\n\n## Non-supported Features\n\nThis project is **not meant** to be a complete website, but **only a UI clone**.\n\nAs such, buttons and links don't do anything when clicked.\n\nFurthermore, only the **dark theme** has been built (while the full site supports **light theme** also).\n\n## Coding style\n\nThis prototype has been built in less than 10 hours. While the UI has been broken into small widget classes, this code is **not** production-ready.\n\n## Building the app\n\nAs specified in the [Flutter web renderers](https://docs.flutter.dev/development/tools/web-renderers) page, the app can be built with three different modes:\n\n```zsh\n# default option (auto)\nflutter build web --release\n# html renderer\nflutter build web --web-renderer html --release\n# canvaskit renderer\nflutter build web --web-renderer canvaskit --release\n```\n\nAdditionally, wasm is also supported:\n\n```zsh\n# wasm (experimental)\nflutter build web --wasm --release\n```\n\nThe tests below were run with **both** the HTML and CanvasKit renderers.\n\n## Performance report\n\nI have deployed this clone as a Flutter web app and compared it with my main site using [PageSpeed Insights](https://pagespeed.web.dev/) and [WebPageTest.org](https://www.webpagetest.org/).\n\nYou can find all the results in this video \u0026 article on my site:\n\n- [Flutter Web vs HTML, CSS \u0026 JS: Performance Comparison](https://codewithandrea.com/videos/flutter-web-html-css-js-performance-comparison/)\n\nYou're welcome. 😎\n\n### [LICENSE: MIT](LICENSE.md)","funding_links":["https://github.com/sponsors/bizz84"],"categories":["Dart"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbizz84%2Fcode_with_andrea_flutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbizz84%2Fcode_with_andrea_flutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbizz84%2Fcode_with_andrea_flutter/lists"}