Signed by committing this file in my repository
Git is a version control software that allows developers to develop the same project. It allows developers to track the changes to a set of files which is called “repository” or “repo”. Install Git.
# install git via winget on windows
winget install --id Git.Git -e --source winget
# install git via homebrew on mac
brew install git
# install git via macport on mac
sudo port install git
After installing Git, I configure my username and email as Git attaches the information to the commits:
git config --global user.name "my name"
git config --global user.email "my email"
My name can be found as below:
SSH keys are used to establish a secure connection between my computer and the Git server. Here’s how to set them up:
ssh-keygen
and press Enter to create a new SSH key.We need to enter the passphrase if we want to encrypt otherwise just press Enter
A Randomart will be generated as above shown
Finslly clip the key and paste it in the Git server
Locate public SSH key file and open it with a text editor to copy its contents. In my case, the file is id_ed25519.pub
. Go to Git server (e.g., GitHub, Bitbucket) and find the section where I can add SSH keys (usually in the account settings).
My Laptop
.Add SSH key
to add the key to the Git server.3.Paste public key into the appropriate area and save it.
To start working on an existing project. The current repository needed to be cloned:
git clone https://gitlab.fabcloud.org/academany/fabacademy/2025/labs/nellai/students/muheshkumar-r.git
Here are some basic Git commands I'll use:
# Check the status of your files (modified, added, etc.)
git status
# Add all changes to the staging area
git add .
# Commit your changes with a message
git commit -m "Your commit message"
# Push your changes to the remote repository
git push
# Pull the latest changes from the remote repository
git pull
Xnconvert is a free software for converting and resizing images. To install Xnconvert, go to the download page and download the appropriate version for your operating system. Follow the installation instructions to install Xnconvert on your computer.
Use Xnconvert to resize images
Import the images into Xnconvert and change the resolution to 800px in width
Export the resized images to the folder with image containers
For adding images, use the image container provided
Learmed many languages first time stepping into the HTML and CSS.
Learned by Experience, made many mistakes initially afterwards rectified those
Let me through the process
Install VS Code from https://code.visualstudio.com/
Install Live Server extension from https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Install the necessary extensions like Live Server, Auto Close Tag, Auto Rename Tag, Highlight, and Intellisense for CSS, HTML, JSON, and PHP.
For creating a responsive website, we are going to use Bootstrap. Bootstrap is a free and open-source CSS and JavaScript framework for building user interfaces. It is based on HTML, CSS and JavaScript. Learn more about Bootstrap here: https://getbootstrap.com/
For creating the website, we will be using Bootstrap's Card component to create the individual cards for each assignment. We will also be using Bootstrap's Navbar component to create the navigation bar. Refer to the documentation of Bootstrap for more details on how to use the components.
Create the basic structures for your website using HTML and CSS:
Create the navbar for your website using Bootstrap:
Create the cards for your website using Bootstrap:
Add a footer to your website using HTML and CSS:
Ensure that your website functions correctly and looks good across all platforms:
I already mentioned about git in the previous step
Deploy your website to a hosting platform:
Learn more about Git.