Glory Katende katendeglory

## socket-io-server-client.js
// SERVER-SIDE----------------------------------------------------------------------------------------------------------------

//... Express server config will have happened above ...
const server = app.listen(port, () => console.log(`Server listening on Port ${port}`));
const io = require('socket.io')(server);

io.on('connection', socket => {

  //1️⃣-handle : When a chat message is emitted by the client, Everybody sockets connected will receive it 📡,
  //That includes the sender. [Receiving is not the same as rendering 🤪]

## _responsive-mixins.scss
/*
	smaller than or equal to 768 px (smartphones)
	larger than 768 px (small devices, tablets)
	larger than 992 px (medium devices)
	larger than 1200px (large devices)
*/

//Class prefix	.col-		.col-sm-	.col-md-	.col-lg-	.col-xl-
//Screen width	<576px	>=576px		>=768px		>=992px		>=1200px

## navbar-with-flexbox.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Navbar with Flexbox</title>
  <style>
    @import url('https://fonts.googleapis.com/css?family=Open+Sans|Rajdhani|Rubik:300&display=swap');

## react-node-aws-s3-presigned-url.js
// NODE-JS SIDE------------------------------------------------------------------------------------

const AWS = require('aws-sdk');

const s3 = new AWS.S3();

AWS.config.update({
  accessKeyId: process.env.AWS_ACCESS_KEY_ID,
  secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY
});

## custom-scrollbar.css
html {
  scroll-behavior: smooth;
  width: 100%;
}

body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
}

## multer-s3-example.js
var express = require('express'), // "^4.13.4"
    aws = require('aws-sdk'), // ^2.2.41
    bodyParser = require('body-parser'),
    multer = require('multer'), // "multer": "^1.1.0"
    multerS3 = require('multer-s3'); //"^1.4.1"

aws.config.update({
    secretAccessKey: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
    accessKeyId: 'XXXXXXXXXXXXXXX',
    region: 'us-east-1'

## firebase-pagination.svelte
<script>
  import { db, auth } from "./firebase";

  let data = []; /* The actual array of data displayable to components */
  let pageSize = 2;
  let hasMore = true;
  let query = db.collection("cities").orderBy("number");
  let firstDoc;
  let lastDoc;

## starter-resize-your-images-client-side-with.svelte
<script>
  // The package that'll help us resize our images
  import Resizer from "react-image-file-resizer";

  // To post the resized images to your upload endpoint
  import axios from "axios";

  // We'll call this function later to resize images
  const resize = Resizer.imageFileResizer;

## finished-resize-your-images-client-side-with.svelte

<script>
  import Resizer from "react-image-file-resizer";
  import axios from "axios";

  const resize = Resizer.imageFileResizer;
  let rawImgs;

    //++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


## emoji-picker-tooltip.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>emoji-picker tooltip demo</title>
  <style>
      .tooltip:not(.shown) {
          display: none;
      }
  </style>
	// SERVER-SIDE----------------------------------------------------------------------------------------------------------------

	//... Express server config will have happened above ...
	const server = app.listen(port, () => console.log(`Server listening on Port ${port}`));
	const io = require('socket.io')(server);

	io.on('connection', socket => {

	//1️⃣-handle : When a chat message is emitted by the client, Everybody sockets connected will receive it 📡,
	//That includes the sender. [Receiving is not the same as rendering 🤪]
	/*
	smaller than or equal to 768 px (smartphones)
	larger than 768 px (small devices, tablets)
	larger than 992 px (medium devices)
	larger than 1200px (large devices)
	*/

	//Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl-
	//Screen width <576px >=576px >=768px >=992px >=1200px
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Navbar with Flexbox</title>
	<style>
	@import url('https://fonts.googleapis.com/css?family=Open+Sans\|Rajdhani\|Rubik:300&display=swap');
	// NODE-JS SIDE------------------------------------------------------------------------------------

	const AWS = require('aws-sdk');

	const s3 = new AWS.S3();

	AWS.config.update({
	accessKeyId: process.env.AWS_ACCESS_KEY_ID,
	secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY
	});
	html {
	scroll-behavior: smooth;
	width: 100%;
	}

	body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: overlay;
	}
	var express = require('express'), // "^4.13.4"
	aws = require('aws-sdk'), // ^2.2.41
	bodyParser = require('body-parser'),
	multer = require('multer'), // "multer": "^1.1.0"
	multerS3 = require('multer-s3'); //"^1.4.1"

	aws.config.update({
	secretAccessKey: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
	accessKeyId: 'XXXXXXXXXXXXXXX',
	region: 'us-east-1'
	<script>
	import { db, auth } from "./firebase";

	let data = []; /* The actual array of data displayable to components */
	let pageSize = 2;
	let hasMore = true;
	let query = db.collection("cities").orderBy("number");
	let firstDoc;
	let lastDoc;
	<script>
	// The package that'll help us resize our images
	import Resizer from "react-image-file-resizer";

	// To post the resized images to your upload endpoint
	import axios from "axios";

	// We'll call this function later to resize images
	const resize = Resizer.imageFileResizer;