This is a Python script that produces a webpage displaying 30 squares using Flask Python Framework. Each square is filled with a unique color. The script uses a predefined list of 30 specific hex color codes. The colors are stored in a list variable named colors. Each square has also a unique name of a fruit/vegetable. The text displayed in each square is defined in a separate config.json file and is loaded by the Flask application.
Python
Flask
Using your ubuntu terminal
Install python3 ---> sudo apt-get install python3
Verify installation python3 --version
Install flask ---> sudo apt install python3-flask
Verify installation flask --version
Check your git global set up ---> git config --list
If not already match your username and email with the one you have created for github
git config --global user.name "your username"
git config --global user.email " your email address"
Go to github.com and login to your account
Go to https://github.com/settings/keys
Go back to your ubuntu terminal and create an ssh key for your github account
ssh-keygen -t ed25519 -C "your_email@example.com"
cat ~/.ssh/id_ed25519.pub
Copy the key (with the email)
In the github keys section: Click create new ssh key, give it a name and paste the key you copied earlier from the terminal. Click save
Check your machine connection with your github account ---> ssh -T git@github.com
Go to https://github.com/xpaulos/2025techpro_Session3 and click fork
Go back to your account and you should see a copy of the original repository into your account.
Go to your Ubuntu terminal and create a folder named colorssq under your home directory ---> mkdir colorssq
Clone the forked repository from your account in the directory colorssq using the ssh command allocated in the green "code" button in your account github repository
Open your VS Code editor