{"id":31637628,"url":"https://github.com/dwayne/elm-fm-contact-form","last_synced_at":"2025-10-07T01:38:36.922Z","repository":{"id":316054526,"uuid":"1042586952","full_name":"dwayne/elm-fm-contact-form","owner":"dwayne","description":"Frontend Mentor's Contact form challenge built with Elm.","archived":false,"fork":false,"pushed_at":"2025-09-22T11:04:43.000Z","size":327,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-22T13:07:44.350Z","etag":null,"topics":["elm","frontend-mentor","frontend-mentor-challenge"],"latest_commit_sha":null,"homepage":"https://dwayne.github.io/elm-fm-contact-form/","language":"Elm","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/dwayne.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-22T08:51:11.000Z","updated_at":"2025-09-22T11:41:41.000Z","dependencies_parsed_at":"2025-09-22T13:08:17.082Z","dependency_job_id":null,"html_url":"https://github.com/dwayne/elm-fm-contact-form","commit_stats":null,"previous_names":["dwayne/elm-fm-contact-form"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/dwayne/elm-fm-contact-form","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwayne%2Felm-fm-contact-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwayne%2Felm-fm-contact-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwayne%2Felm-fm-contact-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwayne%2Felm-fm-contact-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dwayne","download_url":"https://codeload.github.com/dwayne/elm-fm-contact-form/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dwayne%2Felm-fm-contact-form/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278708073,"owners_count":26031932,"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-10-06T02:00:05.630Z","response_time":65,"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":["elm","frontend-mentor","frontend-mentor-challenge"],"created_at":"2025-10-07T01:38:31.415Z","updated_at":"2025-10-07T01:38:36.915Z","avatar_url":"https://github.com/dwayne.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Contact form\n\n[Frontend Mentor](https://www.frontendmentor.io)'s [Contact form](https://www.frontendmentor.io/challenges/contact-form--G-hYlqKJj) challenge built with [Elm](https://elm-lang.org/).\n\n## Devbox\n\nThis project uses a custom development environment managed by [Devbox](https://www.jetify.com/devbox). To begin working on the project you first need to enter the development environment.\n\n```bash\ndevbox shell\n```\n\n## Frontend workshop environment\n\nThe UI was built in a custom [frontend workshop environment](https://bradfrost.com/blog/post/a-frontend-workshop-environment/) using [Astro](https://astro.build/). It acts as the single source of truth for the HTML structure, CSS styles, and other supporting assets.\n\nThe workshop lives in the `workshop/` directory and there's a [Nushell](https://www.nushell.sh/) script called `workshop` that allows you to manage the environment.\n\n### Usage\n\n```bash\nworkshop dev     # alias wd - Start the development server\nworkshop build   # alias wb - Build the project and write it to disk\nworkshop preview # alias wp - Preview the build locally\nworkshop clean   #            Remove development and build artifacts\n```\n\n## Web application\n\nThe web application was built with [Elm](https://elm-lang.org/) and also uses Astro. It realises the UI using [`elm/html`](https://package.elm-lang.org/packages/elm/html/1.0.0/) and it implements the form's logic using [`dwayne/elm-field`](https://package.elm-lang.org/packages/dwayne/elm-field/1.0.0/) and [`dwayne/elm-form`](https://package.elm-lang.org/packages/dwayne/elm-form/1.0.0/).\n\nThe application lives in the `app/` directory and there's a Nushell script called `app` that allows you to manage it.\n\n### Usage\n\n```bash\napp prepare #           Share the workshop files with the web app\napp dev     # alias d - Start the development server\napp build   # alias b - Build the project and write it to disk\napp preview # alias p - Preview the build locally\napp format  # alias f - Format the files\napp test    # alias t - Run the tests\napp deploy  #           Deply the web app to GitHub Pages\napp clean   #           Remove development and build artifacts\n```\n\n## Makefile\n\nThere is a Makefile that allows you to work across both the frontend workshop environment and the web application.\n\n### Usage\n\n```bash\nmake        # Or make build\nmake build  # Build the workshop, share the files with the web app, and build the web app\nmake deploy # Build and deploy the web app to GitHub Pages\nmake clean  # Remove development and build artifacts from both workshop/ and app/\n```\n\n## Deployment\n\n```bash\nmake deploy\n```\n\nIt depends on [`dwayne/deploy`](https://github.com/dwayne/deploy/tree/e6b015c6ce926275db378e6370429f60e649fc9d), my reusable deployment (Bash) script that I packaged with [Nix](https://nixos.org/) and [Nix Flakes](https://zero-to-nix.com/concepts/flakes/).\n\n## Technologies\n\nThese are all the technologies I used for this project (listed in alphabetical order):\n\n- [Astro](https://astro.build/)\n  - [vite-plugin-elm](https://github.com/hmsk/vite-plugin-elm)\n- [Devbox](https://www.jetify.com/devbox)\n- [Elm](https://elm-lang.org/)\n  - [`dwayne/elm-field`](https://package.elm-lang.org/packages/dwayne/elm-field/1.0.0/)\n  - [`dwayne/elm-form`](https://package.elm-lang.org/packages/dwayne/elm-form/1.0.0/)\n  - [`elm-explorations/test`](https://package.elm-lang.org/packages/elm-explorations/test/latest)\n  - [elm-format](https://github.com/avh4/elm-format)\n- [GNU Make](https://www.gnu.org/software/make/)\n- [GitHub Pages](https://docs.github.com/en/pages)\n- [Nix](https://nixos.org/)\n  - [Nix Flakes](https://zero-to-nix.com/concepts/flakes/)\n- [Node.js](https://nodejs.org/)\n- [Nushell](https://www.nushell.sh/)\n- [pnpm](https://pnpm.io/)\n- [Sass](https://sass-lang.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdwayne%2Felm-fm-contact-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdwayne%2Felm-fm-contact-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdwayne%2Felm-fm-contact-form/lists"}