ishantbhurani / word-count

Word Count

This is my submission to Scrimba's #WeeklyWebDevChallenge:Word Count

Table of contents

• Overview
  • Screenshots
  • Links
  • Features
• Run Locally
• My process
  • Built with
  • What I learned
  • Useful resources
• Author
• Credits

Overview

Screenshots

Links

• Live Site URL: https://ishantbhurani.github.io/word-count/

Features

• Count number of characters
• Count number of (*valid) words
• Count number of sentences
• Count number of paragraphs
• Spell check
• Choose to count whitespace (spaces/tabs) as characters or not
• Generate demo text
• Copy text
• Clear text field
• Responsive layout

* A valid word must start with an alphabet

Run Locally

Clone the project

  git clone [e-mail]:ishantbhurani/word-count.git

Go to the project directory

  cd word-count

Run index.html

  <browsername> index.html

E.g.

  firefox index.html

  google-chrome index.html

My process

Built with

• Semantic HTML5 markup
• Flexbox
• CSS Grid

What I learned

• Copy text to clipboard
• Custom event triggering
• Regular expressions (Regex)
• Accessibility for checkboxes

Useful resources

• Stack Overflow - copy text to clipboard
• Stack Overflow - trigger 'input' event on textarea even when text is simply pasted

Author

• Twitter - @IShaunt