Frontend Mentor - Tip calculator app

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
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

Screenshot of My Solution

Links

• Solution URL: https://github.com/natashapl/fem-tip-calculator-app-main
• Live Site URL: https://natashapl.github.io/fem-tip-calculator-app-main/

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

For this project, I decided to challenge myself to create the javaScript for this app without looking at anyone else's solution. After years of working with javaScript, I still haven't quite mastered it yet, so projects like these area great practice. I did use online resources such as W3 Schools and MDN Web Docs and the like, as needed.

Useful resources

• MDN Web Docs - A great resource for all things related to CSS, HTML and Javascript.
• W3 Schools - Another great resource for all things related to CSS, HTML and Javascript
• Name that Color - This is still my favorite utility tool for generating unique color names from hex codes.

Author

• Website - Natasha Pierre-Louis
• Frontend Mentor - @natashapl
• LinkedIn - natashapl