https://github.com/johnnygerard/fem-multi-step-form

Multi-step form
https://github.com/johnnygerard/fem-multi-step-form

angular angular-material frontend-mentor sass

Last synced: 16 days ago
JSON representation

Multi-step form

• Host: GitHub
• URL: https://github.com/johnnygerard/fem-multi-step-form
• Owner: johnnygerard
• License: mit
• Created: 2024-02-11T14:47:33.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-06T14:59:17.000Z (10 months ago)
• Last Synced: 2024-04-15T10:28:27.470Z (9 months ago)
• Topics: angular, angular-material, frontend-mentor, sass
• Language: TypeScript
• Homepage: https://fem-multi-step-form-jgerard.vercel.app
• Size: 931 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# Frontend Mentor | Multi-step form

This is my solution to the [Multi-step form challenge](https://www.frontendmentor.io/challenges/multistep-form-YVAnSdqQBJ) from [Frontend Mentor](https://www.frontendmentor.io/).

[![project status](https://img.shields.io/badge/status-solution%20published-success?style=for-the-badge)](https://www.frontendmentor.io/solutions/multistep-form-with-angular-material-cdk-stepper-LyjPtXR1ez)

 ## Tech Stack

- Angular 17

- Sass

- RxJS

## Main Features

- Angular Material [CDK stepper](https://material.angular.io/cdk/stepper/overview)

- Angular reactive forms

- [Cypress](https://www.cypress.io/) E2E testing

- Custom form controls

- Standalone components

- Self-hosted fonts (downloaded from [Google Fonts](https://fonts.google.com))

- Bash automation (see [PR #1](../../pull/1))

- [GitHub Actions](../../tree/main/.github/workflows):

  - Vercel deployments

  - CodeQL analysis

## Developer Tools

- VS Code

- Figma

- GitHub Copilot

## Links

 - [Website](https://fem-multi-step-form-jgerard.vercel.app) hosted with [Vercel](https://vercel.com/)

 - [Solution](https://www.frontendmentor.io/solutions/multistep-form-with-angular-material-cdk-stepper-LyjPtXR1ez)

## Screenshots

### Mobile

![mobile screenshot](screenshots/mobile.avif)

### Desktop

![desktop screenshot](screenshots/desktop.avif)

## About Frontend Mentor

[Frontend Mentor](https://www.frontendmentor.io/) challenges help you improve your coding skills by building realistic projects.

## Copyright

© 2024 Johnny Gérard