Blog

In the changing world of software development, GitHub Copilot emerges as a game changer,  bringing in an era of coding efficiency. Developed by GitHub in collaboration with OpenAI, Copilot is an AI-powered coding assistant that goes beyond features. 

In order to speed up the coding process, it provides context ideas. Among Copilot's most notable characteristics is its capacity to produce lines or blocks of code from the natural language comments provided by developers. It's like having a coding companion at your fingertips who’s always ready to help. 

A Dive into Real-World Scenarios:

For this example, our primary framework is going to be Laravel Blade. Writing a for-each loop was initially challenging as a front-end developer unfamiliar with PHP/Laravel, however, instead of toggling between my editor and the browser or relying on external sources like Google or ChatGPT, I've found a convenient solution in GitHub Copilot. Now, I can simply ask Copilot to generate a for-each loop, saving time and streamlining my coding process :

Now, let's up the complexity of the task. Our goal is to create a user interface with a specific layout: four items displayed in a single row, transitioning to two items on smaller screens. Leveraging the Bootstrap framework for our UI, the challenge is to instruct Copilot to generate a for-each loop that not only displays these items but also incorporates Bootstrap classes for styling. Adding an extra layer of complexity, we'll introduce an If check to display only the items with even indices:

Excellent, functions seamlessly! Now, let's explore the additional capabilities of Copilot.

Explaining and Documenting lines or Blocks of code:

In addition to generating lines of code, Copilot can also provide explanations for the purpose of specific code blocks: 

Let's see the meaning and potential use of this code. We'll select the following code for Copilot to generate an explanation for us.

Let’s check the /doc command for copilot:

Here I made a simple function that sums two numbers and returns its sum. With the /doc command Copilot swiftly generated an explanation for my function.

Generate Tests for our code : 

Let's create some tests for our `sum2Nums` function.

Once again, it functions flawlessly. We now have some test cases that we can review.

Conclusion:

Copilot is versatile. Being compatible with most programming languages makes it an important tool for developers. Whether you're an experienced professional or new to coding, Copilot adapts to your skill level. Offers assistance in creating a coding environment. 

Integration with code editors like Visual Studio Code makes it easily accessible for developers to incorporate Copilot into their existing workflows. 

Copilot excels at reducing the work necessary for coding activities, from writing functions and classes to suggesting code structures. Copilot's potential applications are numerous. It is extremely useful in prototyping by assisting developers in swiftly translating concepts into code. 

However, it's crucial to bear in mind that Copilot serves as an assistant and is not intended to replace our role. While its accuracy is commendable for simpler tasks, as the complexity of tasks increases, its precision may diminish.

Designing kids’ app on a tight budget had its challenges, but it was all about making it fun and educational. Let me walk you through how I dealt with this while working on a learning app for children.

So, a client wanted an app to help kids learn English in a fun way. They wanted it to be easy to use, with cool activities and characters that kids would love. At first, I planned out how the app would look and work with some basic sketches. But as I got deeper into it, I realized that having cool characters and pictures was super important to make the app both fun and good for learning.

Here’s the tricky part — the budget. Making custom characters and graphics can cost a lot because you need to hire artists and Graphic designers. With not much money to work with, I had to find a way to make the app awesome without spending too much.

That’s where the “Midjourney” in design comes in. It’s like the phase between having an idea and making it real. I used this phase to be creative and find a solution that fit the budget. Instead of doing things the usual way, I looked into tools that could help create characters and graphics that fit the theme of the app.

One tool I found was “Midjourney.” It lets you make unique characters by changing things like their expressions, clothes, and accessories. Here’s an example of graphics and stuff I made using “Midjourney AI”:

Midjourney lets you create unique characters by adjusting features like facial expressions, clothing, and accessories.

Midjourney lets you create unique characters by adjusting features like facial expressions, clothing, and accessories.

These graphics and objects were created using “Midjourney,” with some tweaks and adjustments done on my end to make them just right. I made sure to add my personal touch and make the necessary corrections to fit the theme of the app.

Down below, In the emotional wheel game, kids get to roll the wheel and guess the emotion based on the illustration. Once they’ve made their guess, they can tap on the correct word below. It’s a fun and interactive way for them to learn and engage with different emotions. Of course, illustrations are made by Midjourney.

And guess what? The kids’ learning app didn’t just meet the client’s expectations; it went beyond them. The mix of fun activities, cool characters, and good-looking pictures made it a great learning space for kids. This whole thing shows how being creative and smart about money can help you make something that not only teaches but also entertains kids.

To sum it up, using AI tools like “Midjourney” has made my job a lot simpler, especially when money is tight. These tools help create cool characters and graphics without breaking the bank. It’s a great opportunity in the market because it allows us to be creative and produce engaging content even with limited funds. The combination of creativity and AI is a promising way for people and businesses to achieve more, especially in the world of app development and design.

When I first came across to the possibilities of Midjourney I was amazed, I had only seen something similar in the ,,Black Mirror”. That happend right around the time when we started a very interesting graphic design project that gave the creative team of HobbyStudio an opportunity to use the advantages of AI design.

Project description: We had to create a wine label, focusing on the Georgian wine and the diversity of Georgian vine, that is grown miscellaneously in different parts of the country- In Georgia, you can find numerous microzones where the vine is originated. Depending on the location of the vine, every type of wine gets specific taste and fragrance.

Our graphic designers decided to try working on the Midjourney to create the very first version of the illustration. Till now, we have only used it for fun. Almost every member of our team made artificial intelligence to draw the various scenes from The Knight in the Panther's Skin, even the fantasy of the bear and the piggy wedding which have been housed in our office for months now. (See the photo below ↓) 

Andrew and Gigi.

The main problem with working on Midjorney is that it is so easy to have the visually beautiful result but it is complicated for it to be acceptable. Moreover, most of the time it does not even meet the initial essence of the technical task. It is important to learn how to communicate with the artificial intelligence which is not as simple as it seems.  

So, now we should move on to the actual working process of the Midjourney. 

First and foremost, we will start with generating the vine - one of the main objects of the illustration. 

The first version seems interesting.

Let's stop to this part for now. As you can see, the designer was given a pretty fascinating result and in a short time too. It can already be used for the wine label.

Let's move on to the layers of the soil. We will get back to the vine later. 

The first version already seems interesting. The designer is thinking that the soil is in the right angle and the color palette is also acceptable. 

Now we will create the variations of the version mentioned above. It is very close to what we need but let's see - we may generate the better ones too. 

We have the visual material of the element and the result is perceptible to the eye.

Let's go back to the vine. We have observed that with the same text we can produce a similar, but visually, a slightly different version.  

In the past, a painter would need at least one hour for that kind of illustration. Now we can generate various and unique versions in a few minutes. Which, we can agree on that is very effective. 

Now, we will add some of the new versions too, specifically, each of the cluster of grapes. 

We will take two of the offered versions in a bigger size. 

As you can see, the working process is going further in a short time, if you know what you are looking for and are able to write prompts skilfully.  

Obviously, what we receive from the Midjourney is not a ready-made design. It is an initial source which can be successfully used in our field. 

Following to that part, our designer worked with our art director on the fonts and together they created the composition of the clear space. That could be done with the paring of the beautiful fonts and colors. 

As for the vine, it went through the various modifications in the working process and in fact, it does not look like the Midjourney versions at all. The soil has been altered a lot, however, the AI essentially contributed to the creation of the visual element.

Overall, it can be said that the color of the soil was made more like the pastel color. The background was also refined on the basis of the towers and the mountains.

The aim of this article is that we wanted to show you all of how effectively you can improve the working process, moreover, you can have the compelling and distinctive result when you create the visual content. 

In the end, our client decided to choose another version of the design, which you can see in our portfolio afterwards. The last step for the wine is to be displayed on shelves of supermarkets.

The designs were created by:

Abo Akhvlediani

Teo Aladashvili 

Art direction: Alexandra Nazarbegovi