/POS_APP

POS APP

Primary LanguageJavaScript

POS APP

Point Of Sales App is a application where the user can order many kind of beverages, add new beverages, and see order history.

The POS APP

Features

  • Order many kind of beverages.
  • Add new beverages.
  • See your order history, including how many you make today, how many you make this year, and how many you make order this week, a graph that show how many revenue you make.

Development

This app was build using Bootsrap 4 and few javascript, for now it only show the interface, this app is still in development

image

HTML

HTML stands for Hyper Text Markup Language, HTML is the standard markup language for creating Web pages, it describes the structure of a Web page. HTML consists of a series of elements, element elements tell the browser how to display the content.

An HTML element is defined by a start tag, some content, and an end tag:

<tagname>Content</tagname>

<p>Hello World</p>

CSS

CSS stands for Cascading Style Sheets, CSS describes how HTML elements are to be displayed on screen, paper, or in other media, CSS saves a lot of work. It can control the layout of multiple web pages all at once.

A CSS rule-set consists of a selector and a declaration block:

Selector:{properties:value}

body:{background-color:red}

Bootstrap 4

Bootstrap is a free front-end framework for faster and easier web development, Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins, Bootstrap also gives you the ability to easily create responsive designs

Advantages of Bootstrap:

  • Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
  • Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops
  • Mobile-first approach: In Bootstrap, mobile-first styles are part of the core framework
  • Browser compatibility: Bootstrap 4 is compatible with all modern browsers (Chrome, Firefox, Internet Explorer 10+, Edge, Safari, and Opera)

There are two ways to start using Bootstrap 4 on your own web site. You can:

  • Include Bootstrap 4 from a CDN
  • Download Bootstrap 4 from getbootstrap.com
<div class="container">
  <div class="card">
    <p>Hello World</p>
  </div>
</div>