CompuWiser

Task	Charge
Rolex watch display optimization for better display and responsiveness	100 AED
Allow all pages to be indexed by search engines	50 AED
Manage web crawlers traffic to website by adding sitemap and Robots.txt file	50 AED
Linking translated pages using hreflang	50 AED
Total:	250 AED

CompuWiser

Element	Current Sate	Ways to Improve	Cost
"Add to Cart" Button	Pressing "Add to Cart" will send a request to the server, and other components will only get updated after receiving the response.	The button sends a silent request to the server, and other components will refresh directly without waiting for the response	150 AED
"Add to Cart" Button	Adding more than one item means you need to press "Add to Cart" several times, and there is no indication of the current quantity in the cart	After pressing "Add to Cart" for the first time, the button will be replaced with (+/-) counters, which represents the item quantity in the cart	200 AED
Single Product Page Counter Buttons	Counter would start at "1" whether the item is already in-cart or not. Pressing (+/-) buttons will do nothing unless the customer press the "Add To Cart" button.	Counter would start at the number that matches the item-count in the cart. Customers will only see the "Add To Ca

CompuWiser

.grid-container {
  /* Display properties */
  display: grid;
  display: inline-grid;
  display: subgrid;

  /* Columns and rows */
  grid-template-columns: 1rem 2rem 1rem;      /* Measurement units */
  grid-template-columns: 25% 50% 25%;         /* Percentage units */
  grid-template-columns: 1rem auto 1rem 2fr;  /* Fill remaining widths with auto or fr units */

CompuWiser

Flexbox Cheatsheet CSS-Tricks: A Complete Guide to Flexbox Devhints.io: CSS flexbox cheatsheet MDN: CSS Flexible Box Layout MDN: Controlling Ratios of Flex Items Along the Main Axis

.container {
  display: flex;
  display: inline-flex;

CompuWiser

CSS Grid Cheat-Sheet

Grid CheatSheet MDN: CSS Grid Tutorial CSS-Tricks: A Complete Guide to Grid W3: CSS-Grid CheatSheet

.grid-container {
  /* Display properties */

CompuWiser

Queries

Basic query

{ 
  status 
}

CompuWiser

Android Debug Bridge version 1.0.41

Version 29.0.6-6198805 Installed as C:\Users\asemz\Downloads\Compressed\platform-tools\adb.exe

global options:

 -a         listen on all network interfaces, not just localhost
 -d         use USB device (error if multiple devices connected)
 -e         use TCP/IP device (error if multiple TCP/IP devices available)
 -s SERIAL  use device with given serial (overrides $ANDROID_SERIAL)

CompuWiser

From Bootstrap Docs: Bootstrap primarily uses the following media query ranges—or breakpoints—in our source Sass files for our layout, grid system, and components.

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

CompuWiser

4.x API

express()

Methods

express.json()

express.raw()

CompuWiser

MongoDB CRUD Operations

Geospatial Queries

Geospatial Data

GeoJSON Objects

Point

{ type: "Point", coordinates: [ lng, lat ] }