vivekreddy-k / letters-calculator-react-7

When the user enters characters in the input box then the letters count should be displayed to the user

LIVE DEMO :- Letters Calculator

In this assignment let's build a Letters Calculator

Refer to image below:

-- https://assets.ccbp.in/frontend/content/react-js/letters-calculator-output.gif --

Design Files

• Extra Small (Size < 576px), Small (Size >= 576px), Medium (Size >= 768px)
• Large (Size >= 992px) and Extra Large (Size >= 1200px)

Project Set Up Instructions

• Download dependencies by running npm install
• Start up the app using npm start

Project Completion Instructions

Add Functionality

The app must have the following functionalities

• When the user enters characters in the input box then the letters count should be displayed to the user.

• important files

  • src/components/LettersCalculator/index.js
  • src/components/LettersCalculator/index.css

Quick Tip:

• An outline is a line that is drawn around an element, outside the border. The outline CSS shorthand property sets all the outline properties. Use the CSS property outline with value none to hide all the outline properties. Click this to know more.

Resources

Images

• https://assets.ccbp.in/frontend/react-js/stop-watch-with-calculator-img.png

Colors

Hex: #1d976c

Hex: #93f9b9

Hex: #ffffff

Hex: #e4e7eb

Hex: #219a6f

Font-families

• Roboto