so as i was assinned my project my good old machinset days came to my mind and i rellay wanted the power to and craft complet parts from metal so i thought why not build a cnc edm machine that is small and desktop sized like a small 3d printer vola... the project is born then i procceded with designing a sketch and createing a small digram and dxesiced what fetures should it need the i setteled with a basic machine that has a bed size of 100mm*100mm and cut metals upto 2mm sheets and it will usse a standerd mains power for the power and will a cute little adition to my workspace and the power to cut metals to my will ...
This week we kicked of the fabaccadamy 2024. with a warm welcome from Prof. Neil Gershenfeld. we recived a warm welcome from the Fabaccadamy team and started with the first lesson the importents of version control how is will help us to make our work easier and helps to collaborate with my team nd share the projects much more effectively and later we headed towards this weeks assignments the first one is being creation of a personal website to document all your asssigmensts and the main project along with that i have to find and sketch a final project and uplode it to the website
In the first class, we learned the basics of HTML how it works what all the syntaxes are used and how each part works I stared with the phoenix code editor to edit the basic HTML code and created my first webpage and created multiple text and also brought and imaged from the code to the webpage as well as shown below is is the content for Week 1. You can add various elements like text, images, and more to showcase your work or progress in this week's assignment.
After mastering the basics of HTML, I began studying CSS to improve the design and layout of my website. I experimented with different styles, colors, and fonts, and learned how to make my website more user-friendly and visually
we used different types of CSS like inline, internal, and external. Each type offers a different level of flexibility and control over the page's design, allowing us to optimize our website according to our specific needs.
Following our exploration of HTML and CSS, we were introduced to Visual Studio Code. This is a powerful and user-friendly code editor that will assist us in writing, debugging, and executing our code. We also learned how to utilize its various features and extensions to streamline our coding process and increase productivity .we started of with downloading and setting up the VScode and setting the first 2 extensions live server and save type
After setting up Visual Studio Code, the next step was to create our first folder. This was to organize our files and keep our workspace tidy. We learned how to create directories, save files, and navigate through our project structure effectively.
After setting up the function I decided to create a theme board for my website I started by researching various design inspirations and color schemes. Then I sketched out a rough layout for the website, including the placement of text, images, and navigation elements. along with the design
even though I understood the basics to create the full-fledged development was way far a head of my skillsets so i was stuck at the starting step To overcome this obstacle, I started taking additional online tutorials and revisiting the class notes. I also reached out to my peers for advice and guidance, which helped me to progress further in the development process. I started with youtube then stumbled upon W3 school
so i got a simple template from w3 schollses and started to test around on it changeing the things fonts and colors gradually became more comfortable with the process and started to understand the logic behind the code. This allowed me to personalize the template to match my initial vision for the website.
As I began editing the template to suit my needs, I discovered the usefulness of the Inspect tool in web browsers. This tool allows you to see the code behind the webpage elements and understand how they are structured. With the help of the Inspect tool, I was able to see the changes in real time as I modified the code, which significantly enhanced my learning process.
when I did not know about some syntax or code part I used the OpenAI's GPT-3 model. This AI chatbot was incredibly helpful in explaining complex coding concepts and providing solutions to issues I encountered. It was like having a personal tutor.
then i started publishing the nedded content into the website ans started to devlope more parts to the web by creting multiple html pahes for diffrent weeks
Another valuable tool I utilized was Notion. This all-in-one workspace allowed me to manage and update my website content efficiently. I created separate pages for each section of my website content, making it easier to organize and keep track of all the updates.
and finaly i have a woking website that is reday to be hosted sadly i havent recived the gitlab account to host the website
After getting familiar with the basics of website development, I was introduced to Git for version control. This tool helps in tracking and managing changes to my project files, facilitating efficient collaboration with my team. I learned how to initialize a repository, make commits, and push changes to Gitlab.
I strted off with downloding the git bash and setting it up
Then i moved on to creataing the keys public and private keys
Then i moved on to my gitlab repo and procced to patse it there
To use the SSH key, you need to start the SSH agent. Run the following commands in Git Bash:
then i procced to clone my repo to may loacl machine and then moved on to edit the file and adding my files into it
then i procceded to add the git using git add commands
afetr that i procceed with the git commit command and after that i pushed the files to my gitlabs space using the git push commad and i also used the git--diff to understand what all changes that iu have created over time
then i recored verything and documented the details to my personal blog