Farm Stack - Revision history

Lsokolowski1: /* Exerc, FastAPI part */

2026-07-16T21:38:41Z

Exerc, FastAPI part

← Older revision		Revision as of 21:38, 16 July 2026
Line 125:		Line 125:
	6. Backend exerc - 'git switch trainee' and become Sherlock (-,		6. Backend exerc - 'git switch trainee' and become Sherlock (-,

	7.		7. Frontend final exerc - 'git switch trainee' and become Sherlock, again (-'

	</div>		</div>

Lsokolowski1: /* Exerc, FastAPI part */

2026-07-16T21:37:37Z

Exerc, FastAPI part

← Older revision		Revision as of 21:37, 16 July 2026
Line 120:		Line 120:
	http://localhost:8000/redoc # Alternative docs (redocly)		http://localhost:8000/redoc # Alternative docs (redocly)

			<!--
	5. DB exerc - todo		5. DB exerc - todo
			-->
			6. Backend exerc - 'git switch trainee' and become Sherlock (-,

	~~6. Backend exerc - todo~~		7.

	7. ?

	</div>		</div>

Lsokolowski1: /* Additional Exerc, React */

2026-07-16T13:31:45Z

Additional Exerc, React

← Older revision		Revision as of 13:31, 16 July 2026
Line 52:		Line 52:
	<pre>		<pre>
	Part 1		Part 1
	Install Axios and Bootstrap.		Install Axios and Bootstrap.
	Create the TypeScript models.		Create the TypeScript models.
	Create citizenService.ts.		Create citizenService.ts.
	Configure Axios.		Configure Axios.
	Verify the React application can communicate with the FastAPI backend.		Verify the React application can communicate with the FastAPI backend.

	Part 2		Part 2
	Refactor App.tsx.		Refactor App.tsx.
	Use useEffect().		Use useEffect().
	Fetch citizens asynchronously.		Fetch citizens asynchronously.
	Display a loading spinner and handle errors.		Display a loading spinner and handle errors.

	Part 3		Part 3
	Build a reusable Bootstrap CitizenForm component.		Build a reusable Bootstrap CitizenForm component.
	Add a proper <form onSubmit={...}>.		Add a proper <form onSubmit={...}>.
	Implement the Create operation.		Implement the Create operation.

	Part 4		Part 4
	Build a reusable Bootstrap CitizenTable component.		Build a reusable Bootstrap CitizenTable component.
	Display all citizens.		Display all citizens.
	Add Delete functionality.		Add Delete functionality.

	Part 5		Part 5
	Implement Edit and Update.		Implement Edit and Update.
	Populate the form with the selected citizen.		Populate the form with the selected citizen.
	Switch between Create and Update modes.		Switch between Create and Update modes.

	Part 6		Part 6
	Refactor into a production-ready application.		Refactor into a production-ready application.
	Add custom hooks.		Add custom hooks.
	Improve error handling.		Improve error handling.
	Add Bootstrap alerts and spinners.		Add Bootstrap alerts and spinners.
	Improve component organization.		Improve component organization.
	Final cleanup and best practices.		Final cleanup and best practices.
	</pre>		</pre>
	</div>		</div>

Lsokolowski1: /* Our Course Plan */

2026-07-16T13:30:57Z

Our Course Plan

@@ Line 47: / Line 47: @@
 #* FastAPI - crud, deploying, securing, testing
-==== Exercises for FastAPI part ====
+==== Additional Exerc, React ====
 Collapsed by default, some additional exercs below
 <div class="mw-collapsible mw-collapsed">

Lsokolowski1: /* Exercises for FastAPI part */

2026-07-16T10:54:12Z

Exercises for FastAPI part

← Older revision		Revision as of 10:54, 16 July 2026
Line 60:		Line 60:
	Async/await throughout the application		Async/await throughout the application

	Envi setup		2. Envi setup
	python3 --version		python3 --version
	# sudo apt update ; sudo apt install python3 python3-pip python3-venv		# sudo apt update ; sudo apt install python3 python3-pip python3-venv
Line 67:		Line 67:
	# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod		# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod

	Inside the project root folder (follow the Trainer's instrs about sources)		3. Inside the project root folder (follow the Trainer's instrs about sources)
	python3 -m venv .venv # making virtual environment in python		python3 -m venv .venv # making virtual environment in python
	source .venv/bin/activate # activating it		source .venv/bin/activate # activating it
Line 74:		Line 74:
	uvicorn app.main:app --reload # Run FastAPI		uvicorn app.main:app --reload # Run FastAPI

	Automatically generated 'RestAPI' docs in the browser		4. Automatically generated 'RestAPI' docs in the browser
	http://localhost:8000/docs # Open 'Swagger UI' docs		http://localhost:8000/docs # Open 'Swagger UI' docs
	http://localhost:8000/redoc # Alternative docs (redocly)		http://localhost:8000/redoc # Alternative docs (redocly)

	2. DB exerc - todo		5. DB exerc - todo

	3. Backend exerc - todo		6. Backend exerc - todo

	4. ?		7. ?

	</div>		</div>

Lsokolowski1: /* Exercises for FastAPI part */

2026-07-16T10:53:30Z

Exercises for FastAPI part

← Older revision		Revision as of 10:53, 16 July 2026
Line 50:		Line 50:
	Collapsed by default, some additional exercs below		Collapsed by default, some additional exercs below
	<div class="mw-collapsible mw-collapsed">		<div class="mw-collapsible mw-collapsed">
	Technology Stack		1. Technology Stack
	FastAPI (latest stable)		FastAPI (latest stable)
	Python 3.13+		Python 3.13+
Line 77:		Line 77:
	http://localhost:8000/docs # Open 'Swagger UI' docs		http://localhost:8000/docs # Open 'Swagger UI' docs
	http://localhost:8000/redoc # Alternative docs (redocly)		http://localhost:8000/redoc # Alternative docs (redocly)

			2. DB exerc - todo

			3. Backend exerc - todo

			4. ?

	</div>		</div>

Lsokolowski1: /* Exercises for FastAPI part */

2026-07-16T10:52:21Z

Exercises for FastAPI part

← Older revision		Revision as of 10:52, 16 July 2026
Line 67:		Line 67:
	# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod		# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod

	Inside the project root folder (follow the Trainer's instrs)		Inside the project root folder (follow the Trainer's instrs about sources)
	python3 -m venv .venv # making virtual environment in python		python3 -m venv .venv # making virtual environment in python
	source .venv/bin/activate # activating it		source .venv/bin/activate # activating it
	pip install -r requirements.txt # installing dependencies		pip install -r requirements.txt # installing dependencies
	cp .env.example .env # Create the '.env' file, i.e. local db config		cp .env.example .env # Create the '.env' file, i.e. local db config
			uvicorn app.main:app --reload # Run FastAPI

			Automatically generated 'RestAPI' docs in the browser
			http://localhost:8000/docs # Open 'Swagger UI' docs
			http://localhost:8000/redoc # Alternative docs (redocly)

	</div>		</div>

Lsokolowski1: /* Exercises for FastAPI part */

2026-07-16T10:46:43Z

Exercises for FastAPI part

← Older revision		Revision as of 10:46, 16 July 2026
Line 67:		Line 67:
	# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod		# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod

	Inside the project root folder		Inside the project root folder (follow the Trainer's instrs)
	python3 -m venv .venv # making virtual environment in python		python3 -m venv .venv # making virtual environment in python
	source .venv/bin/activate # activating it		source .venv/bin/activate # activating it
	pip install -r requirements.txt # installing dependencies		pip install -r requirements.txt # installing dependencies
			cp .env.example .env # Create the '.env' file, i.e. local db config

	</div>		</div>

Lsokolowski1: /* Exercises for FastAPI part */

2026-07-16T10:44:32Z

Exercises for FastAPI part

← Older revision		Revision as of 10:44, 16 July 2026
Line 66:		Line 66:
	mongosh		mongosh
	# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod		# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod

			Inside the project root folder
			python3 -m venv .venv # making virtual environment in python
			source .venv/bin/activate # activating it
			pip install -r requirements.txt # installing dependencies


	</div>		</div>

Lsokolowski1: /* Exercises for FastAPI part */

2026-07-16T10:37:56Z

Exercises for FastAPI part

← Older revision		Revision as of 10:37, 16 July 2026
Line 64:		Line 64:
	# sudo apt update ; sudo apt install python3 python3-pip python3-venv		# sudo apt update ; sudo apt install python3 python3-pip python3-venv
	# todo		# todo
			mongosh
			# sudo apt install mongodb -y ; sudo systemctl enable mongod ; sudo systemctl status mongod ; sudo systemctl start mongod

	</div>		</div>