https://github.com/johnnygerard/fem-age-calculator-app

Age calculator app
https://github.com/johnnygerard/fem-age-calculator-app

angular frontend-mentor sass

Last synced: 16 days ago
JSON representation

Age calculator app

• Host: GitHub
• URL: https://github.com/johnnygerard/fem-age-calculator-app
• Owner: johnnygerard
• License: mit
• Created: 2024-01-11T18:59:30.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-18T05:24:52.000Z (12 months ago)
• Last Synced: 2024-04-15T10:28:26.061Z (9 months ago)
• Topics: angular, frontend-mentor, sass
• Language: TypeScript
• Homepage: https://fem-age-calculator-app-jgerard.vercel.app
• Size: 394 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 | Age calculator app

This is my solution to the [Age calculator app challenge](https://www.frontendmentor.io/challenges/age-calculator-app-dF9DFFpj-Q) 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/age-calculator-app-jjFpKJl2oA)

## Tech Stack

- Angular 17

- Sass

## Main Features

- Prerendering

- Cross-field custom validator

- Jasmine unit testing

- Age computation animation (JavaScript-based)

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

- Bash automation (see [PR #1](https://github.com/johnnygerard/fem-age-calculator-app/pull/1))

- GitHub Actions:

  - Vercel deployments

  - CodeQL analysis

## Developer Tools

- VS Code

- Figma

- GitHub Copilot

## Links

- [Website](https://fem-age-calculator-app-jgerard.vercel.app) hosted with [Vercel](https://vercel.com/)

- [Solution](https://www.frontendmentor.io/solutions/age-calculator-app-jjFpKJl2oA)

## Screenshots

### Mobile

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

### Desktop

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

## 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