Frontend Mentor's Contact form challenge built with Elm

Developer Tools React Website Builder

Storybook Landing Page
1

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
It's only recently that I learned about Brad Frost's frontend workshop environment idea and how Storybook is a specific instance of that idea. These other ideas and tools have only reinforced my belief that there's enormous value in having this extra prototyping step in my process.

#React #React Components #Developer Tools 228 social mentions
NixOS Landing Page
2

NixOS

25 Jun 2014 . All software components in NixOS are installed using the Nix package manager. Packages in Nix are defined using the nix language to create nix expressions.
Pricing:
- Open Source
I packaged my deployment script with Nix and Nix flakes then added it as a dependency in my devbox.json. When you enter the developer environment you have access to the deploy Bash script which I then wrapped up into app deploy. Previously, I would copy and paste all the Bash scripts I needed from past projects into my current project but this approach was much nicer.

#Front End Package Manager #Package Manager #Linux Tools 273 social mentions
Astro Build Landing Page
3

Astro Build

Astro is the web framework that you'll love to use.
Pricing:
- Open Source
My motivation for completing Frontend Mentor's Contact form challenge was to test-drive my field and form packages. I also recently started using and enjoying Astro so I wanted to explore what it would be like to use it as my frontend workshop environment. I even ended up experimenting with Makefiles, Nushell, and Nix flakes within this project. Overall, I learned a lot and gained some new skills. In this post I'm sharing the highlights of my experience.

#Website Builder #Blogging #Blogging Platform 266 social mentions