sarahsga / tk-test-2

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tech Karo - Test#2

The Message Send App

| Powered By Tech Karo |

Oct 4th, 2018

Your task is to create The Message Send App as explained below:

What does it look like?

mockup-desktop

App Features

  1. The app is a soft keyboard. Clicking the keys types the message. Clicking the message shows a "message sent!" alert

Ingredients

The app MUST use:

  1. Bootstrap
  2. Font Awesome for icons
  3. Google Fonts for fonts
  4. JQuery for Ajax

The CDNs of all ingredients, along with script.js and style.css files, have already been linked in the <head>.


Rules

  1. Your app should look like the mockups attached in the screenshots folder. Try to achieve pixel perfection.
  2. Your app should be responsive
  3. The code should be refactored
  4. You must upload the task to your Github Account and host it on Github Pages at 6 PM.
  5. You must not push any commits to your repo after 6 PM

Screenshots

Desktop Screen Size

mockup-desktop

Mobile Screen Size

mockup-mobile

GIF

mockup-anim

About


Languages

Language:HTML 93.4%Language:CSS 5.2%Language:JavaScript 1.4%