Week 1: Principles, Practices & Project Management

What i have learnt?

This week, i learnt how to document assignments with Gitlab, VS code, practiced basic coding with html and css, started ideating for final project. I also realised need to work on structuring and my time management. As i started with blank canvas now it has few strokes of learning, doing, iterating.

Final Project Conceptualizing

Design for rest and relaxation

Are you someone who usually falls asleep on bus or car rides?
That gentle rocking, the low engine vibration, the continuous movement inducing sleep in you, these motion stimulates parasympathetic nerves which is responsible for rest and digest. A rocking-chair-inspired furniture system that integrates engine-like micro-vibrations and slow motion. Designed either as a standalone sleep pod or as an attachable module for existing office chairs, for quality rest and sleep time

FUN FACT: the Hong Kong Sleeping Bus Tour — a five-hour bus ride created with one simple purpose: to help people sleep. Passengers are given: eye masks, earplugs, comfortable reclining seats, a long, quiet, scenic route with minimal interruptions.

SSH Key Generation

1

SSH key

Used for authentication, way to securely connect to local computers.

Public key(like a lock) and a Private key(like your own key). Only someone with the private key can access what is locked by public key.

Share the public key with the server, but keep the private key safe on your computer.

2

For creating ssh key:

$ ssh-keygen -t ed25519 -C "[email]"

3

For adding the public key:

for adding the generated key go to gitlab profile >> preference>> ssh key then paste generated public key on clipboard and fill rest. Once done, it will be looking like this:

Cloning Repository

1

Git Cloning

Means downloading full copy of a global repository into your local computer.

Now you can use this repository and make changes in codes and later push this modified file to server.

2

Clone with ssh

home>> project>> member - you can see your repo >> from their blue bottom named “code”

Click on the code and copy clone with ssh url

3

command

git clone [Paste the copied URL]

A zip file of global repository copy will be downloaded in your computer.

How to configure Git?

1. $ git config --global user.name "[username]"

2. $ git config --global user.email "[email]"

Linking Students Agreement with my fablab website

Open students agreement(/students.md) in VS code, read and sign them with your name. Also make sure the file type is MD file (or .markdown file) format. Afterwards link it with website and add it to footer section using anchor tag:

 <a href="students.md> 

For updating the changes made in VS code into the gitlab:

git add .

Add all new modified files to index (staging area). The staging area is like a waiting room for your changes.

git commit -m 
“message”

Records snapshot of the staged changes into the repository history with a message. Message should describe what you did.

git push

uploads your local commits to a global repository.

Website development and Designing(HTML, CSS)

As each student is provided with basic website for documentation purpose with a possibility of endless stuffs to create based on their own creativity and knowledge.

I used the w3 school as main resourse to learn html and css, later on used figma for designing and ideating UI of “about me “ page, further used reference images of table of contents layout from pinterest and uploaded it on ai tools and prompted to make html and css code (to learn how it can be coded using html and css). From that information, used the html tags and attributes, css styling, iterated it accordingly for my UI layout requirements.

  <div> 

  <li> 

  <p> 

  <pre> 

  <header> 

@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);}
            

  
display: grid;
grid-template-columns:250px 1fr;