Mahmoud Samy ibnsamy96

I faced a problem that I couldn't use vercel environment variables with a deployed angular app. I used to write my sensitive information in an env file while writing backend code and I forgot that browsers don't support the process module. So I searched for a while and got the result I want by following these steps:

install the next package:

npm install --save-dev @angular-builders/custom-webpack

open angular.json and use "builder": "@angular-builders/custom-webpack:browser" instead of "builder": "@angular-devkit/build-angular:browser"
add customWebpackConfig key in options object with a path to a file that you will create later:
```
 "options": { "customWebpackConfig": {"path": "custom-webpack-config.js"} }
```

Script to start apps in shell:

#!/bin/bash

# Open Google Chrome with specific tabs
google-chrome "https://www.google.com" "https://www.stackoverflow.com" "https://www.github.com" &

# Open Visual Studio Code
code &

Create the ssh public key using this command in the terminal, enter the command and follow all the presented steps
```
ssh-keygen -t ed25519 -C <account_email>
```
Terminal will show the path of the file which has the public key in your system, copy that path and open it.
```
cat <file_path> ## ~/.ssh/id_ed25519.pub
```
You'll see the key, copy all the file content and go to this page https://github.com/settings/keys and click New SSH key.
In the opened page, use any understandable title, use Authentication Key as key type, and add the copied key to the key box.

Issues I've faced after installing Linux

As a note, I've used kubuntu 24.04 and Ubuntu 22.04.

1. Some initial steps

Follow steps in this guide but don't uninstall snap Essential and strongly recommended things to do directly after a Kubuntu 24.04 LTS installation

2. Installing Flatpak

Use this command: sudo grep -r '^psk=' /etc/NetworkManager/system-connections/

It will give you output like this:

/etc/NetworkManager/system-connections/<wifi1-ssid>:psk=<wifi1-password>
/etc/NetworkManager/system-connections/<wifi2-ssid>:psk=<wifi2-password>
/etc/NetworkManager/system-connections/<wifi3-ssid>:psk=<wifi3-password>

	rem:
	- relative to the font size of the root elemnt (initially 1rem = 16px)
	- better for font-size as it works well with browser font-size preferences (user may change his default font-size value)
	- working with rem can be by setting font-size value in the HTML element to be 62.5% ( now 16px = 1.6rem & 37px = 3.7rem ...)
	- can be used with margin/padding if you don't want them to change with the font-size space of the element
	- if you set *{margin-top:1rem} then all elements has the same top spaceing

	em:
	- relative to the font-size of its direct or nearest parent
	- better to be used with media-query values as px & rem have some compatibility issues for some browsers

	As described in this file, all windows store apps are blocked from accessing localhost, you need to enable that by cmd.
	https://github.com/jenius-apps/nightingale-rest-api-client/blob/master/docs/localhost.md

	To give Nightingale the permission to access your localhost you need to open cmd in administrator mode and enter that command:
	checknetisolation loopbackexempt -a -p=S-1-15-2-2472482401-1297737560-3464812208-2778208509-1273584065-1826830168-474783446

	http://git-scm.com/book/en/Git-Branching-Basic-Branching-and-Merging

	// adding branch2 commets to branch1
	$ git checkout <branch1>
	$ git merge <branch2>

	// merging a branch to main
	$ git checkout main
	$ git merge <branch needed to be merged to main>

	In the workspace create 'settings.json' file in '.vscode' folder and put this peice of code in it.

	{
	"liveSassCompile.settings.generateMap": true, // good for debugging
	"liveSassCompile.settings.formats": [
	{
	"format": "expanded",
	"extensionName": ".css",
	"savePath": "~/../css",
	"indentType": "tab",

	"files.associations": {
	"*.js": "javascriptreact"
	}