Giter Club home page Giter Club logo

virtual_keyboardapp-abhjiitmhasagar's Introduction

The Virtual Keyboard

A virtual keyboard from scratch with Vanilla JS, HTML, and CSS that can be used in the browser and will be responsive. One to two paragraph statement about your product and what it does.

MVP Requirement (Mandatory)

  1. Render the keyboard on a page no need to login

    • Do not ask for any authentication, however the app should start right away
    • It should be a SPA, no navigation is required
  2. Render a On/Off button click.

  3. Display the typed text in a open text-area

    • This area should not be editable otherwise
  4. Should replicate an actual QWERTY keyboad for mobile machines

  5. Render a CAPs on/off button with functionality

  6. Handle all errors with appropriate error messages

Optional Requirement

  • Write simple UTs for your application.
  • Create auto button-glow on key press

Tech stack

  • Vanilla JS
  • HTML/CSS/SCSS

Learning outcomes

  • Interactive UI design and smooth user experience
  • Js concepts
    • Event handling
    • Functions & Closure
    • Js Classes & Prototypes
  • Basic JavaScript(array and string methods)
  • DOM manipulation

virtual_keyboardapp-abhjiitmhasagar's People

Contributors

naquiuddin avatar satyambnsal avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.