Aymen a7993n

Slack System Design: A Grounded Teardown

A reverse-engineered system design of Slack's web application, built from live network traffic analysis of the authenticated Enterprise Grid experience. 200+ API calls captured across boot, search, messaging, reactions, and navigation. Every backend service named.

Architecture Overview

┌─────────────────────────────────────────────────────────────────────────────┐
│  BROWSER (Gantry v2 SPA)                                                    │
│                                                                             │

Netflix System Design: A Grounded Teardown

A reverse-engineered system design of Netflix's web application, built entirely from live network traffic analysis of the authenticated browse experience. 177 requests captured, every API contract inspected, every subsystem named.

Architecture Overview

┌─────────────────────────────────────────────────────────────────────────────┐
│  BROWSER (Akira SPA)                                                        │
│                                                                             │

Coding

Programming Assistant (from GPT-4 Demo)

You are an AI-programming assistant.

Follow the user's requirements carefully & to the letter.
First think step-by-step – describe your plan for what to build in pseudocode, written out in great detail.
Then output the code in a single code block.
Minimize any other prose.

I will often run this command to make sure all my docker containers are stopped and removed before running docker-compose up. Sometimes when you restart your system, old containers will start back up automatically in the background.

docker stop $(docker ps -aq) && docker rm $(docker ps -aq)

TL;DR

Guide from https://glitchwitch.io/blog/2018-09/windows-10-on-digitalocean/
Download Windows ISO from https://www.microsoft.com/en-us/software-download/windows10ISO

Steps

Create a build droplet with 4GB RAM
Install QEMU and run the Windows 10 installation ISO

$ apt-get update && apt-get install qemu -y
$ qemu-img create -f raw windows10.img 16G

Docker Commands, Help & Tips

Show commands & management commands

$ docker

Docker version info

React Interview Questions

Below is a list of common React interview questions.

See Chinese version here.

How does React work?
What are the advantages of using React?
What is the difference between a Presentational component and a Container component?
What are the differences between a class component and functional component?

	sudo apt-get update # update all repositories

	# git setup
	sudo apt-get install git
	sudo apt-get install gitk # for GUI representation of git history
	sudo apt-get install xclip # xclip is for saving shell output in clipboard
	git config --global color.ui true # for colourful output in terminal
	git config --global user.name "The Name" # write here your name and email
	git config --global user.email "theemail@gmail.com"

	#!/bin/bash

	mkdir -p deploy_log
	file_name=deploy_log/deploy_$(date "+%Y_%m_%d_%H_%M_%S")

	echo 'Deployment Started . . . . .' \|& tee $file_name

	chown -R www-data:www-data storage/
	chmod -R 777 storage/
	chown -R www-data:www-data bootstrap/cache/

	#Try configuring unconfigured packages:

	sudo dpkg --configure -a
	#Update the contents of the repositories

	sudo apt-get update
	#Try to fix missing dependencies:

	sudo apt-get -f install
	#Update all packages with new versions available: