🚀❤️ My First Step Into Devops :Building and Hosting My Portfolio on Killercoda

#devops #career #cloud

My First Step into DevOps: Building and Hosting My Portfolio on KillerCoda
If I was told some months back that I would be writing an article about creating a portfolio, and talking confidently about HTML, CSS and Hosting a portfolio on a Killercoda I would have laughed. Some weeks back, DevOps felt like a mysterious world filled with complex tools.
But here I am writing an article on what I started learning two weeks ago, still fumbling but officially taking my first big step: creating my first portfolio and hosting it on KillerCoda.
Why DevOps?
My journey started with curiosity. I kept hearing about Tech, and tech communities. The promise of bridging development and operations and making software delivery smoother and more reliable sounded exciting. I wanted to understand how things really work, I reached out to my friend who is already in the Tech community for advice and enlightenment, he was so helpful, then I ask him what area would you advise me to transit into, he replied transit into DevOp,about two days later, he sent me a twitter post about Tech with Achievers 6-week Beginner Tech Bootcamp with Full Scholarship
So,I applied and I was lucky to secure my spot, I joined the class and it has been a life changing experience in the last two weeks. I really appreciate my Tutor (Mr Fredrick) how interactive and engaging your DevOps classes are. You are making learning so enjoyable.
Last week my tutor Mr Fredrick Achiever Okereke, who is also the founder of Tech with Achiever gave us a project to create a Basic Portfolio and Host it on Killercoda.
Here is the documentation of my project.

📑Creating My Portfolio
I wanted a simple portfolio nothing too fancy just a clean place to share what I am learning.

1.Generating my code with an AI(ChatGpt)
Writing the code wasn’t a challenge, I was able to generate my code with AI(ChatGPT),
I started by,by asking it to create a HTML and CSS code fora basic portfolio.

2.Coping my code and pasting on VS Code(Visual Code)
After generating my code fom ChatGpt i copied and pasted on VS code.

I created a folder on my VS code to save my files and I updated the code with my personal information

My name
My contact
Updated my emails and my personal links like(LinkedIn,GitHUb)

3.Deploying on Killercoda

created Killercoda Account
Click on Playground and selected the Linux Environment and selected Ubuntu. Ubuntu is a Linux operating system that enables me to run command-line tools and deploy my applications.

4.Installing Ngnix

Using the Killercoda terminal (Ubuntu environment), I installed Nginx

I installed Nginx by typing“sudo apt install nginx -y”

sudo apt install nginx -y

Once installed, I confirmed Nginx was set up correctly using the nginx -v command.

nginx -v

If the version number appears, Nginx is properly installed and ready.

5.Accessing the web server directory.

The cd /var/www/html directory is the default location from which Nginx serves files.

cd /var/www/html

I used the commmand ls /var/www/html to view the files in the directory.

ls /var/www/html

A file named index.nginx-debian.html was present.

index.nginx-debian.html

This is the Nginx default welcome page.

5.Removing the default Nginx file.
To set up the directory for my portfolio, I removed the default index file using the command sudo rm /var/www/html/index.nginx-debian.html.

sudo rm /var/www/html/index.nginx-debian.html.

6.Inserting my portfolio files.
I created a personalized index.html file using the command sudo nano index.html

sudo nano index.html

My portfolio code from VS Code was pasted into Nano for editing.
The file was saved using the keyboard shortcut _CTRL + X, followed by Y and Enter.
_

7.Configured to run on port 80.
• I revisited my Killercoda environment and clicked on the side menu icon.
• I clicked on “traffic/ port
• It redirected me to another page displaying the available port options