Tip Calculator

A simple and elegant tip calculator built with React.

Table of Contents

• Front-end Style Guide
  • Layout
  • Colors
    • Primary
    • Neutral
  • Typography
    • Font
• Screenshot
• Getting Started
• Contributing
• License

---

Front-end Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

Primary

• Strong cyan: hsl(172, 67%, 45%)

Neutral

• Very dark cyan: hsl(183, 100%, 15%)
• Dark grayish cyan: hsl(186, 14%, 43%)
• Grayish cyan: hsl(184, 14%, 56%)
• Light grayish cyan: hsl(185, 41%, 84%)
• Very light grayish cyan: hsl(189, 41%, 97%)
• White: hsl(0, 0%, 100%)

Typography

Font

• Family: Space Mono
• Weights: 700

Screenshot

Getting Started

To get a local copy of this project up and running, follow these steps:

git clone https://github.com/qusaikader/tip-calculator-react.git

npm install

This project uses npm to manage dependencies.

npm start

This will run the app in the development mode. Open http://localhost:3000 to view it in your browser.

Contributing

We welcome contributions from the community to improve this project!

License

This project is licensed under the MIT License.