1. Week 1 : Project Management
  2. Week 2 : Computer-aided
  3. Week 3 : Computer Controlled Cutting
  4. Week 4 : Embedded Programming
  5. Week 5 :3D Scanning and Printing
  6. Week 6 : Electronic Design
  7. Week 7 : Computer Controlled Machining
  8. Week 8 : Electronics Production
  9. Week 9 : Input Devices
  10. Week 10 : Output Devices
  11. Week 11 : Networking and Communication
  12. Week 12 : Mechanical Design and Machine Design
  13. Week 13 : Midterm Review
  14. Week 14 : Molding and Casting
  15. Week 15 : System Integeration/a>
  16. Week 16 : Interface and Application Programming
  17. Week 17 : System Integeration
  18. Week 18 : Wildcard Week
  19. Week 19 : Applications and Implications, Project Development
  20. Week 20 : Invention, Intellectual property and Income

Student Agreement

I am a Fab Academy student, responsible for

Signed by committing this file in my repository

Muheshkumar R

Week 1: Project Management

This week describes my understanding of how to use Git and GitHub for version control. It also includes how to create a repository, how to create a branch, how to commit changes, and how to push and pull changes from the remote repository.

About Final Project

For more...

Line Bot - Smarter Than Your Average Cart


Final Project Conceptual Sketch

3D model

Git_Tutorial

Description of Image

What’s Git?

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.

How to 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
            
        

1. Basic Git Configuration

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:

Description of Image

2. SSH Keys

2.1 Generating SSH Keys

SSH keys are used to establish a secure connection between my computer and the Git server. Here’s how to set them up:

  1. Open a terminal or command prompt.
  2. Enter ssh-keygen and press Enter to create a new SSH key.
  3. When prompted, provide a file path to save the key, or just press Enter to accept the default location.
  4. Enter a secure passphrase when prompted or press Enter to continue without a passphrase (which is not recommended).
Description of Image Description of Image

We need to enter the passphrase if we want to encrypt otherwise just press Enter

Description of Image

A Randomart will be generated as above shown

Description of Image

Finslly clip the key and paste it in the Git server

2.2 Adding SSH Key to 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).

  1. Copy the contents of the public SSH key file.
  2. Paste the key in the SSH key section of the Git server.
  3. Enter a label for the key, e.g. My Laptop.
  4. Click Add SSH key to add the key to the Git server.
Description of Image

3.Paste public key into the appropriate area and save it.

Description of Image

4. Cloning a Repository

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
        

5. Basic Git Commands

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
        
        

Git Installation reference

Image Resizing

About Xnconvert Installation

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.

Importing and Resizing

Use Xnconvert to resize images

Import the images into Xnconvert and change the resolution to 800px in width

Description of Image Description of Image

Exporting

Export the resized images to the folder with image containers

For adding images, use the image container provided

Description of Image

Website Creation

A New beginning on HTML and CSS

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

Step 1: Installing VS Code

Install VS Code from https://code.visualstudio.com/

Description of Image

Step 2: Installing Live Server Extension

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.

Description of Image

Step 3: Introduction to Bootstrap

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.

Description of Image

Step 4: Creating the Basic structures

Create the basic structures for your website using HTML and CSS:

  • Create a new folder for your website and create the necessary files such as index.html, style.css, and script.js.
  • Write the basic structure of HTML including the doctype, head, and body tags.
  • Write the basic structure of CSS including the selectors, properties, and values.
  • Write the basic structure of JavaScript including the variables, functions, and events.
Description of Image

Step 5: Creating the Navbar

Create the navbar for your website using Bootstrap:

  • Create a navbar component using Bootstrap's Navbar component.
  • Write the HTML and CSS for the navbar component.
  • Configure the navbar to have the desired content and layout.
  • Attach the navbar to the webpage.
Description of Image

Step 4: Creating the Cards

Create the cards for your website using Bootstrap:

  • Create a card component for each assignment using Bootstrap's Card component.
  • Write the HTML and CSS for the card component.
Description of Image

Step 5: Add the Footer

Add a footer to your website using HTML and CSS:

  • Create a footer section using HTML.
  • Style the footer with CSS to match your website's theme.
  • Include links to important pages and social media profiles.
Description of Image

Step 6: Test the Website Thoroughly

Ensure that your website functions correctly and looks good across all platforms:

  • Launch the website in various web browsers and check for any discrepancies.
  • Verify the website's responsiveness on different devices, including tablets and smartphones.
  • Conduct tests with diverse input scenarios to confirm expected behavior.

Step 7: Deploy the Website Using Git

I already mentioned about git in the previous step

Deploy your website to a hosting platform:

Learn more about Git.

  • Choose a hosting service that supports Git deployment, like GitHub Pages or Netlify.
  • Push your local repository to the remote server using Git commands.
  • Follow the platform's instructions to set up deployment from your Git repository.