shivampip

.aboutCardHidden{
	display: none;
}
.aboutCardWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;

shivampip

.github-corner:hover .octo-arm {
	animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
	0%,
	100% {
		transform: rotate(0)
	}
	20%,

shivampip

import React from "react";
import Script from "react-load-script";
import Demo from "./Demo";

class App extends React.Component {
	state = { scriptLoaded: false };

	handleScriptError() {
		console.log("Error while loading script");
	}

shivampip

function helloLife(msg) {
	console.log("LIFE: " + msg);
}

shivampip

import React from "react";

class Demo extends React.Component {
	render() {
		if (this.props.ready) {
			window.helloLife("Hey There");
		}
		return <div>THis is a demo</div>;
	}
}

shivampip

• Install node & npm

# Using Ubuntu
curl -sL https://deb.nodesource.com/setup_13.x | sudo -E bash -
sudo apt-get install -y nodejs

• Verify

node -v
npm -v

shivampip

• Install virtual env

pip install virtualenv

• Go to your project directory

cd project

• Create virtual env

shivampip

• Uninstall old version

sudo apt-get remove docker docker-engine docker.io containerd runc

• Set up the repo

sudo apt-get update

then

shivampip

Welcome to Docker

• We downlaod the docker image.
• Underlying host where docker is installed is called Docker Host
• when we run the image, a container is created from that image.
• that container runs.
• we can run multiple container of same images.
• every running container is assigned a container-name and container-id randomly by docker
• we don't need to type full container-id. just type the minimum chars to distiguish from other running containers.

shivampip

"editor.insertSpaces": false,
"editor.tabSize": 4,
"editor.detectIndentation": false,

"prettier.tabWidth": 4,
"prettier.useTabs": true  // This made it finally work for me