Project Ideas

Robotic Ball

1. Make dog or cat play when nobody is in house
2. It can also be used as a toy to be manually driven around using a controller
3. It can be fully water proof
4. Can also be used as a home security device
5. can find a lot of applications

AI Integrated Robotic Desk Assistant Robot(Smart Desk lamp)

1. Can be used as a webcam
2. Can be used as a table lamp
3. Can be used to live scan the documents on the table and give updates by chat gpt
4. Also can be used to take dimensions of parts if placed on a grid mat
5. Can be used as a table lamp
6. Night light
7. Also contains Ring light for aesthetics and night light functionality

Chair Arranging Robot

1. Office chare organizing machine
2. Robot that has a base doc station where it comes back to charges
3. Robot will go around and drive all chares to its designated positions

Multi Terrain Rover

1. This is a rower that can be used for exploring multiple terrain
2. To avoid obstacles rover will be able to adjust ground clearance

Task Manager

1. To Show Todays Tasks
2. tasks that are completed priority tasks etc..
3. should connect with phone to show any important notifications
4. Idea generate from app that generates wallpaper based on tasks

Space mouse

1. This is a device used mainly in cad and 3D modeling software's
2. The product available in market is too expensive
3. This should be designed to the most comfortable position of my hand

Robot Arm

1. An artificial arm controlled by pneumatics which simulate muscles/li>
2. Made with
3. Can be used to make a robot arm

Image from : https://www.protolabs.com/en-gb/resources/blog/manufacturing-robotics-report-technology-and-project-survey/

3.VS Code Extensions Installation

Extensions in VS Code are plugins that add new features like:

• Support for different programming languages.
• Debugging tools and performance improvements.
• Features like Auto Save, Live Server etc.

1. How to Install Add-ins in VS Code

Follow these simple steps to install an extension:

1. Open VS Code .
2. Click on the Extensions icon

   Ctrl + Shift + X

   .
3. Search for the extension you want (e.g., Live Server).
4. Click Installand wait for it to be added.
5. Restart VS Code if needed.

2.Auto Save Extensions

Auto Save automatically saves your file whenever you make changes, without needing to press Ctrl + S.

How to Enable Auto Save:

1. Go to File > Preferences > Settings.
2. Search for Auto Save.
3. Enable it by selecting "afterDelay" or "onFocusChange".

3.Live Preview Extensions

Live Server allows you to see real-time updates of your HTML, CSS, and JavaScript files in a browser.

How to Install Live Server:

1. Go to Extensions

   Ctrl + Shift + X

   .
2. Search for Live Extension.
3. Click Install.
4. Once installed, open your HTML file and click "Show Preview" at the top right corner.

GIT

Git is a version management system, used for effective version control and systamatic tracking of projects and files.

4.Setting Up GIT

1. checking git version

     git --version  

2. configuring global user name

     git config --global user.name "name"  

3. configuring global user email

    git config --global user.email "email" 

4. listing of user data

   git config --global --list 

5.Setting Up SSH Key

1. Generate SSH key using this command

    ssh-keygen -t ed25519 -C "email" 

2. Copy the SSH key from file location
   C:\Users\....\.ssh
3. In git >> user settings >> SSH key >> add new >> then past the user key there

6.Adding SSH key agent for saving key in a separate file like in a USB drive

Go to file C:\Users\....\.ssh >> right click >> Open git bash here

1. start ssh key agent

     ssh-add id_ed25519 

2. Copy the SSH key from file location
   C:\Users\....\.ssh
3. In git >> user settings >> SSH key >> add new >> then past the user key there

Note: After typing “ ssh-add “ Press tab to get the id_####

7.Cloning repository

1. Copy the Repository URL

2. Open Your Terminal or Command Prompt and Use the git clone Command

Committing Agreement

1. Go to fabacademy.org/2025/doc/students.md
2. Save as >> to created file “Fab_Academy” as “students.md”
3. File “Fab_Academy”>> right click >> Open git bash here >>
4. add the files to temp storage

   git add . 

5. to see the current status of the file

   git status 

6. commit the files

   git commit -m "message" 

7. to see the current status of the file

   git status 

8. push the files

   git push 

Note: In "git add" in place “. “ if you give a specific file name only that file will be added to the temp storage

Web Development

HTML

HTML is the skelton of an website and CSS is the style of the website, It is very important to have a good understanding of HTML and CSS for creating a practical and aesthetic website.

Basic HTML Tags

1. Core Structure Tags

1. html:The root element of the page.
2. head:Contains meta-information about the HTML document, such as the title, stylesheets, and scripts.
3. body:Contains the visible content of the HTML document, such as headings, paragraphs, images, and links.

2. Text Formatting Tags

1. h1 to h6:Define headings with different levels of importance.
2. p:Contains meta-information about the HTML document, such as the title, stylesheets, and scripts.
3. br:Inserts a line break.
4. b:Makes the text bold.
5. i:Makes the text italic.
6. span:Defines a section of text.
7. u:Underlines the text.

3. Image Tag

1. img:Inserts an image into the page. It has two essential attributes
• src: Specifies the URL of the image.
• alt: Provides alternative text for screen readers and when the image fails to load.

4. Link Tag

1. a: Creates a hyperlink to another webpage or resource.
• href: Specifies the URL of the target resource.
• alt: Provides alternative text for screen readers and when the image fails to load.

5. List Tags

1. ul: Creates an unordered list (bulleted list).
• li: Specifies the URL of the target resource.
2. ol: Creates an ordered list (numbered list).

6. Table Tags

1. table: Defines a table
• tr: Defines a table row
• th: Defines a table header cell.
• td: Defines a table data cell.

CSS

CSS (Cascading Style Sheets) is a fundamental language used to style and control the visual

Types of CSS

1. Inline CSS: Inline CSS is directly applied to individual HTML elements using the style attribute within the HTML tag.
2. Internal CSS: Internal CSS is defined within the style tag, which is placed inside the head section of the HTML document.
3. External CSS: External CSS is written in a separate file (usually with a .css extension) and linked to the HTML document using the link tag in the head section.

I made a webpage using HTML and CSS and pushed it to GitLab and i learned basic git commands and used the basic html tags and css

Conclusion

Completed the first weekly Assignments of Fab Academy,Made a webpage and updated "about me" page and "week 1" page one using HTML and CSS and pushed it to GitLab and also learned basic git commands