principles and practices, project management

My Final project

After alot of thinking i finally set my mind on a final project which is a diy camera slider that can be controlled over a mobile app. I thought of that project because i love photography and videography and anything related to a camera so the objective behind my final project was to build a camera slider to help me take timelapses and cool sliding video fotages. and started drawing a small sketch about how it is going to look a like.

You can find and follow my final project progress here

The webpage designing process

The first assignment that we had to do is to make our personal webpage to document our assignments. I had some knowledge in Html And Css, so i started to google alittle bit to remember. So i opened www.w3schools.com and i found good examples and templates. So i started to copy and edit some examples and templates to build my webpage.

At first i used Notepad++ to write my webpage but i found it very bad in html writing and i wanted to get to the next level.

So i switched to Sublime. Sublime is more easy to use , better interface and it auto complete my Html tags.

I didn't have much experience in writing Css, So i have found an easy to use css library in W3schools Called W3.css to makethe motions and make my design reponsive. here is my first version.

For the Assignments icons i've found a great website called The Noun Project which have alot of cool logos and pictures for almost every thing.

And Because i love photography, I wanted to add my artastic touch to my webpage. So i added one of my photographs as a background.

Pushing my webpage to Git repo

what is a git repo in the first place?!

git is a Version control system is a system that records every changes or edits to a cirtain file or set of files over time. so that if you want save all the versions of this file for later use you can simply recall any specific versions later. For example you can use git version control system on a arduino sketch of a project and if something gone wrong you can easily go back to an older version of that sketch.

I used Matthieu Borgognon's guide to setup git, Clone the repo and push my webpage.

i Followed the instructions and downloaded Git bash for windows and generated SSH key.

I opened git.fabacademy to get ssh key to clone the repo.

Then i installed and opened Gitkraken and added my SSH. Then i started to clone the repo.