FlashType

Best website to test your typing speed. How fast you can type ? Go to FlashType

Libraries used

• For typewriter effect - https://www.npmjs.com/package/typewriter-effect
• For animation - https://michalsnik.github.io/aos/

Include the fonts and aos in index.html

Inside

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

Inside

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
  AOS.init();
</script>

API used

• Api used to generate random paragraph http://metaphorpsum.com/paragraphs/1/9

How to run this app

1. Clone the repository

git clone git clone https://github.com/Rohit-Nandagawali/FlashType

2. Install all the required packages

npm install

3. Run the project

npm start

Credits

1. Flash Image taken from - http://www.pngmart.com/image/tag/flash