Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/johnnygerard/fem-mortgage-repayment-calculator

Mortgage repayment calculator Frontend Mentor Challenge
https://github.com/johnnygerard/fem-mortgage-repayment-calculator

frontend-mentor nextjs react tailwind-css vercel

Last synced: about 1 month ago
JSON representation

Mortgage repayment calculator Frontend Mentor Challenge

Host: GitHub
URL: https://github.com/johnnygerard/fem-mortgage-repayment-calculator
Owner: johnnygerard
License: mit
Created: 2024-12-01T06:10:15.000Z (about 1 month ago)
Default Branch: main
Last Pushed: 2024-12-01T07:05:23.000Z (about 1 month ago)
Last Synced: 2024-12-01T08:22:13.323Z (about 1 month ago)
Topics: frontend-mentor, nextjs, react, tailwind-css, vercel
Language: TypeScript
Homepage:
Size: 51.8 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Frontend Mentor | Mortgage Repayment Calculator

This is my solution to the [Mortgage repayment calculator](https://www.frontendmentor.io/challenges/mortgage-repayment-calculator-Galx1LXK73)

from [Frontend Mentor](https://www.frontendmentor.io/).

![project status](https://img.shields.io/badge/status-work%20in%20progress-red?style=for-the-badge)

![live demo](https://img.shields.io/badge/live_demo-blue?style=for-the-badge)

![Lighthouse report](https://img.shields.io/badge/lighthouse-%23F44B21?style=for-the-badge&logo=lighthouse&logoColor=fff)

## Tech Stack

### Frontend

- **Framework**: [Next.js](https://nextjs.org/)

- **UI Library**: [Radix UI](https://www.radix-ui.com/)

- **Style**: [Tailwind CSS](https://tailwindcss.com/)

### Backend

- **CDN**: Static assets served from [Vercel Edge Network](https://vercel.com/docs/edge-network/overview).

### Testing

- [Jest](https://jestjs.io/)

- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)

## Dev Environment & Tools

- System: [Ubuntu 24](https://ubuntu.com/desktop)

- IDE: [WebStorm](https://www.jetbrains.com/webstorm/)

- Formatter: [Prettier](https://prettier.io/)

- Linter: [ESLint](https://eslint.org/)

- AI assistant: [GitHub Copilot](https://github.com/features/copilot)

## Screenshots

### Mobile Home Page

![mobile home page](docs/screenshots/mobile.png)

### Desktop Home Page

![desktop home page](docs/screenshots/desktop.png)

## Copyright

© 2024 Johnny Gérard