Week 1: Principles and Practices, Project management
This week focuses on setting up the foundations for the Fab Academy course. This includes understanding the structure of the program, setting up my personal documentation website, learning basic HTML, and configuring version control using Git and GitLab. The work from this week establishes the workflow that will be followed throughout the rest of the course. Our instructors for this week were Saheen and Midlaj.
Final Project Ideations
1. Smart Piggy Bank: Learning to Manage Money Early (Educational Toy)
This project explores a smart piggy bank system that goes beyond traditional saving to teach children how to manage money. While piggy banks and school-led saving schemes encourage saving, they rarely address what to do with money once it is accumulated. This project responds to that gap. Inspired by how children learn basic arithmetic through everyday actions, like adding coins or calculating change, the concept introduces money management at an early age through interaction. The piggy bank is designed as a mini banking system where deposited coins are internally segregated into compartments. The system supports two learning approaches: one where children set a savings goal and receive guidance on how much to save weekly, and another based on the 50–30–20 rule, where only 50% of the saved amount is accessible for spending. By introducing planning and decision-making alongside saving, the piggy bank becomes an active learning tool rather than a passive container.
2. Pop-Up Folding Lamp Book (Transformative Objects)
This project is about exploring a lamp that changes form like a book. Each page has a different folded geometry, and when the pages are flipped mechanically, the lamp slowly transforms. Even though the form keeps changing, there is only one common light source, which creates many different spatial and lighting effects. The folds will be designed using kirigami principles, where cutting and folding the surface controls how light passes through it, how it spreads, diffuses, or gets directed in different ways. The light itself can be adjusted in terms of brightness or quality, but the main idea is to see how geometry alone can change the way light behaves, without changing the source. Through this project, I am trying to understand folding not just as a visual element, but as both a structural and optical system, where light and form work together to turn a static object into a series of different spatial experiences.
3. A Modular Folding Facade that Responds to Sunlight (Transformative Objects)
Mechanism: If light increases, it should open slowly. If light decreases, then it closes slowly. Inspired by how flowers naturally respond to sunlight - unfolds during dawn and folds back during dusk. When repeated, it can become a modular facade or a wall that can provide shade and visually communicate the environmental change. Uses principles of tessellation and origami.
4. Tangram Based Learning Board (Educational Toy)
This concept explores a modular tangram puzzle system designed to support spatial thinking and basic geometry learning through play. The board uses interchangeable puzzle sheets with geometric outlines, allowing children to complete forms using a common set of pieces. Light is used as a guiding element to highlight shapes and boundaries, encouraging accuracy and exploration rather than correctness. The project focuses on learning geometry through hands-on interaction, where problem-solving emerges from observation, trial, and spatial reasoning
5. A Smart Portable Calendar (Office Stationary)
This concept explores a folded desktop calendar that brings digital scheduling into a physical form. Designed as a triangular prism, it displays the month and dates on one face and a daily or weekly schedule on another, allowing updates through a phone while remaining visibly present on the desk. The project looks at how a familiar folded object can act as a physical anchor for planning, combining digital flexibility with the calm, tangible presence of a desk calendar.
Orientation and Global Class
We began our 2026 Fab Academy journey with ten students at Super Fab Lab, Kochi . Wednesdays include a global class, where we got an overview of how Fab Academy is structured over the next six months and the kinds of projects students usually work on. We saw documentation and final projects from previous batches and were introduced to instructors and FabLabs from around the world. The session went on till around 10 p.m. (IST) and, while exciting, it was also quite overwhelming due to the amount of new information shared.
Working through a Git tutorial
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is lightning fast and has a huge ecosystem of GUIs, hosting services, and command-line tools.
I had to first install homebrew through the terminal on my system - Macbook Air, to run Git, after which we added an SSH key to GitLab. Once Git is installed, we need to generate a SSH Key for files uploading.
Git Configuration
It is a good idea to introduce yourself to Git with your name and public email address before doing any operation. The easiest way to do so is:
Configure Name: git config --global user.name “Your Name” Configure Email: git config --global user.email “your_email@example.com”
Generating SSH key
I searched on Google on how to create an SSH key and the AI result showed the below image with command. The steps were followed on Terminal. Then to securely authenticate with GitLab, generate an SSH key.
Adding SSH key to GitLab
After adding the key, we can clone GIT repository locally to our computer.
Clone the Repository
To securely clone the repository, I first navigated to the folder where I wanted it to be saved. In the terminal, I entered ls(space) - this is to list the folders, followed by cd mishael-sharaf to move into the correct directory. After reaching the intended location, I executed the clone command using the SSH URL of the repository: git clone git@gitlab.fabcloud.org:academany/fabacademy/2026/your-repo-name.git. The final portion of the URL should be replaced with the specific repository path as shown in GitLab. Because this was the first time connecting to gitlab.fabcloud.org from the computer via SSH, the terminal displayed a host authenticity warning asking whether I wanted to continue connecting. To proceed, I typed yes and pressed Enter. This action saved the server’s identity to the known hosts file, ensuring that the confirmation prompt would not appear again in future connections.
Git and Website Linking
Once we installed Git on our respective operating systems, we then moved on to basic documentation practices, including attaching screenshots, mentioning sources, and blurring sensitive information. We were introduced to the basic Git workflow used to update our websites: adding changes, committing them, and pushing them so the updates reflect on GitLab.
git add .
Add all newly altered files to the staging area (index). You can wait for your changes in the staging area.
git commit -a -m "commit"
Adds a message along with a snapshot of the staged changes to the repository history. What you did should be described in the message.
git push
Uploads your local commits to a global repository.
We then added the student agreement file to our folder. In Visual Studio Code, open the students' agreement (/students.md), read it, and sign it with your name. Additionally, confirm that the file type is in the MD file (.markdown file) format. Next, use an anchor tag to add it to the footer section and link it to the website:
Website Setup and HTML Basics
As part of the 18-week Fab Academy course, our first assignment was to set up a personal website to document weekly work and the final project. A basic template was provided to get started. Our instructors, Saheen and Midlaj, introduced us to the basics of HTML using Visual Studio Code. We explored how headings, paragraphs, images, and basic styling work, with support from the W3Schools website. I experimented with the template by resizing images, changing text colors using style commands, and editing the content to reflect my profile. Over the coming days, we are expected to set up an index page, an about page, and an assignment page for detailed documentation.
The above screenshot was taken from W3Schools website.
Setting Up About Me Page
In order to set up this page, I first added my profile image and a brief description, followed by previous experiences. Then I added a few images which were already a part of my portfolio to this page. You can access this page Here About Me
I used an image compressor to resize all images, including screenshots, to under 100 kb. I also used an Aspect Ratio Calculator to plan image placement and layout.