State of the art, project management and documentation¶

up: Betina Pavon down: Hala Amer

My inspiration¶

To get inspiration for the colors and order of my images, I took inspiration from my recently created brand called Saeta de fuego (Fire Arrow), using its typography and colors as a reference.

3. Tools¶

gitlab | version management and control |

[Gitbash] (https://git-scm.com/install/windows) |program download and installation |

Visual Studio Code | development environment and code |

Chatgpt | consultant and artificial intelligence |

[PowerPoint]/Canva and Block notes for design the organization or design

4. Process and workflow¶

The digital logbook "My digital log for Fabricademy begins in this space where I will start publishing my process of learning and understanding some programming skills like the ones I am using now to make this page. "

creacion del git¶

4.1 Step 1¶

In this first step, with the guidance of my instructor, I created accounts in GIT and Visual Studio, and then installed the latter program on my computer. I think most of the installation was the easiest part My first edition!!!! I felt very excited because it was the first time I'd created a website using code. To decide what colors I wanted, I looked on a Pantone website to find the code for each color so I could reflect it in my logbook. The process was a bit tedious and I made some mistakes along the way

4.2 Step 2¶

At this stage I started to change the appearance of my digital log and I asked AI for help because there was still data that I didn't understand very well, regarding the web programming. In this part I ask the AI ​​to help me add links to my Instagram account In this image you can see that I want to change the font and also learn about CSS code.

4.3 Step 3¶

Understanding the programming language better.

Headers¶

I understood that using a # you can make a title heading, when you do ## the title size is smaller, if it's ### it will decrease much more.

Paragraph¶

To differentiate one paragraph from another, you have to leave a blank space and you can also use the code
and ´/´ at the end.

Horizontal lines¶

If you write 3 dashes (---) or 3 (___) or 3 *** without spaces between them you get horizontal lines.

Bold, italic, and strikethrough¶

To make letters italic, you have to put them between asterisks. If you put a double asterisk before and after a word, it will be made bold, and with *** it will be: like this

Tables¶

To create a table, place straight lines before and after each category in the first row (to separate them), then press the space bar and enter to continue to the second row. *| inspiration | sketch | design | (| :--- | :--- | :--- |) The second line is what tells the editor "the above are titles and the below are the data." | Row 2 | row 2 | row 2 | example

Links¶

To create a link, place the text in square brackets and then the link inside the parentheses. music to make you want to work

4.4 Step 4¶

As a final step, I save the changes I made, write a message about the change, and sync to publish it to the website. Sometimes you have to double refresh to see the changes.

5. Results¶

After trying to give it a pleasing appearance about four times, I was finally able to publish the latest version, which I think represents me. I also had to understand and research many things related to programming and publishing files like images and links, so now I present to you the result I achieved with a lot of work.

6. Weekly reflection & critical thinking¶

I learned that I shouldn't be afraid of programming; having virtual documentation is super important, but when you do it yourself, it acquires a special meaning and moves your creative mind out of its comfort zone.I was very surprised by how I could progress on two projects in parallel, the creative one and the coding one. It was quite a challenge for me, but I managed it thanks to my patience and the instructions in the GPT chat, which was done in "tell me like a child" mode.

If I could do something differently than I started, it would be to first diagram the images in Canva and then add annotations to each image. I think recording myself doing it would also help me remember better.

The most important thing in creating this digital blog is how my learning and creative process is progressively evolving into something demonstrative for future generations who want to learn as we are learning now, and I want to give my best. I firmly believe that using technologies like digital canvases and website creation helps avoid paper documentation, as it allows us to optimize time and space. I need to dedicate myself more to learning more about programming and not be afraid to share my failures, because they are the foundation of my learning for success.

7. References¶