felipeog / fm-tip-calculator-app

Here I used a Frontend Mentor challenge to experiment with GitHub Actions

Frontend Mentor - Tip calculator app solution

This is a solution to the Tip calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshots
  • Links
• My process
  • Built with
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Calculate the correct tip and total cost of the bill per person

Screenshots

Desktop	Mobile

Links

• Solution URL: https://github.com/felipeog/fm-tip-calculator-app
• Live Site URL: https://felipeog-fm-tip-calculator-app.netlify.app/

My process

Built with

• React - A JavaScript library for building user interfaces
• MobX - Simple, scalable state management
• Parcel - The zero configuration build tool
• TypeScript - TypeScript is JavaScript with syntax for types
• ESLint - Find and fix problems in your JavaScript code
• Testing Library - Simple and complete testing utilities that encourage good testing practices
• Jest - Jest is a delightful JavaScript Testing Framework with a focus on simplicity
• GitHub Actions - Automate your workflow from idea to production

Author

• GitHub - @felipeog
• Frontend Mentor - @felipeog