GitHub released a new feature few days ago: GitHub profile readme! You can now add a readme file to be displayed on your GitHub profile page.
See also <a href="/blog/if-you-use-git-and-vs-code-read-this/">If you use Git and VS Code – Read This!</a>
This is a great way to tell more about yourself or for example advertise your blog or YouTube channel. The readme file supports markdown so you can do same things that you can with normal readme files in GitHub.
I uploaded a video to my YouTube channel where I show you how to add a readme file to your own GitHub profile. On the video I also go through couple of very cool and creative ways to use the readme file to boost your GitHub profile. You can watch the video below or clicking <a href="https://www.youtube.com/watch?v=9sxWizm4--w">here</a>.
<a href="http://www.youtube.com/watch?v=9sxWizm4--w"><img src="http://img.youtube.com/vi/9sxWizm4--w/0.jpg" alt="5 Tips for Successful Remote Work"></a>
If you rather read, here is a short summary on how to add the readme file to your profile (I still strongly recommend checking out <a href="https://www.youtube.com/watch?v=9sxWizm4--w">the video</a> and I would very much appreciate if you also subscribed to <a href="https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw">my YouTube channel</a>, so you stay up to date on more videos I upload).
The way it works is you need to create a new repository and name it the same as your GitHub username is. So for example my GitHub username is tumetus, so I need to create a repository with name tumetus.
<img src="./images/Screenshot-2020-07-17-at-2.06.45.png" alt="GitHub profile readme is hinted when creating the repository.">
When you create the repository, you see a notification that you are creating a special repository and that the README.md file of that repository will be shown in your profile.
The repository, as you might guess, has to also have a README.md file (which is the file that will be shown in your profile page). You can initialise this when you are creating your repository.
<img src="./images/Screenshot-2020-07-17-at-2.06.57.png" alt="You can initialise the GitHub profile readme file when creating the repo.">
Once you have your repository created, go check you profile page and you can see that the readme file is displayed on top of your pinned repositories.
What does your GitHub profile readme file look like? Comment your GitHub profile below!


GitHub released a new feature few days ago: GitHub profile readme! You can now add a readme file to be displayed on your GitHub profile page.

_See also [If you use Git and VS Code – Read This!](/blog/if-you-use-git-and-vs-code-read-this/)_

This is a great way to tell more about yourself or for example advertise your blog or YouTube channel. The readme file supports markdown so you can do same things that you can with normal readme files in GitHub.

I uploaded a video to my YouTube channel where I show you how to add a readme file to your own GitHub profile. On the video I also go through couple of very cool and creative ways to use the readme file to boost your GitHub profile. You can watch the video below or clicking [here](https://www.youtube.com/watch?v=9sxWizm4--w).

[![5 Tips for Successful Remote Work](http://img.youtube.com/vi/9sxWizm4--w/0.jpg)](http://www.youtube.com/watch?v=9sxWizm4--w)

If you rather read, here is a short summary on how to add the readme file to your profile (I still strongly recommend checking out [the video](https://www.youtube.com/watch?v=9sxWizm4--w) and I would very much appreciate if you also subscribed to [my YouTube channel](https://www.youtube.com/channel/UC34UXFLKqdW3cpk5CBu2Siw), so you stay up to date on more videos I upload).

The way it works is you need to create a new repository and name it the same as your GitHub username is. So for example my GitHub username is tumetus, so I need to create a repository with name tumetus.

![GitHub profile readme is hinted when creating the repository.](/blog-posts/how-to-add-github-profile-readme-new-feature/images/Screenshot-2020-07-17-at-2.06.45.png)

When you create the repository, you see a notification that you are creating a special repository and that the README.md file of that repository will be shown in your profile.

The repository, as you might guess, has to also have a README.md file (which is the file that will be shown in your profile page). You can initialise this when you are creating your repository.

![You can initialise the GitHub profile readme file when creating the repo.](/blog-posts/how-to-add-github-profile-readme-new-feature/images/Screenshot-2020-07-17-at-2.06.57.png)

Once you have your repository created, go check you profile page and you can see that the readme file is displayed on top of your pinned repositories.

What does your GitHub profile readme file look like? Comment your GitHub profile below!


GitHub profile README is here! This is an awesome feature and every developer needs to use it! Learn now how to add readme file to your own GitHub profile!

How to add GitHub Profile README (new feature)

I like Star Wars movies, I like Yoda and I like <a href="/blog/react-for-beginners-complete-guide-to-mastering-react-fundamentals/">coding in React</a>. Well I thought that maybe I could combine these three in my next React project. That's when I got the idea to create a React application that can translate English to Yoda (yodish).
<h2>Planning the application</h2>
For translating English to Yoda, I decided to use a <a href="https://funtranslations.com/api/yoda">R</a><a href="https://funtranslations.com/api/yoda">EST</a> <a href="https://funtranslations.com/api/yoda">API</a> that does all the heavy lifting for us. It is a public API so we don't need any authentication or api keys to use it. We can just send the text as a text parameter and we get the translation as a response.
On the front end I used create-react-app to initialise a React project and then added a simple UI with a text input, button and a couple of labels.
<img src="./images/Screenshot-2020-09-29-at-19.37.13-1024x375.png" alt="React project application UI.">
The UI of the finished application.
The text input takes the text we want to translate, the button initialises the API request and the labels are there for… well what are labels usually for.
<h2>Finished application</h2>
I recorded the whole process of building the app and uploaded it on YouTube. You can watch the video <a href="https://youtu.be/LT8hAGnju9g">here</a>.
I also got a little creative filming the video and added an intro which I strongly recommend you check out. I think it turned out pretty cool. Let me know in the comments what you think about it!
<a href="http://www.youtube.com/watch?v=LT8hAGnju9g"><img src="http://img.youtube.com/vi/LT8hAGnju9g/0.jpg" alt="Building Star Wars React application (REST API)"></a>
I also uploaded the finished project to Github if you want to take a look. You can find the project <a href="https://github.com/tumetus/yoda-translator-app">here</a>.
<h2>Conclusion</h2>
Even though the app was pretty straight forward and simple to make, I still had a lot of fun making it. And if you are new to React, I recommend watching <a href="https://youtu.be/LT8hAGnju9g">the video</a> because it teaches the basics on how to use a REST API with React, which itself is a must have tool in a React developers toolbox.


I like Star Wars movies, I like Yoda and I like [coding in React](/blog/react-for-beginners-complete-guide-to-mastering-react-fundamentals/). Well I thought that maybe I could combine these three in my next React project. That's when I got the idea to create a React application that can translate English to Yoda (yodish).

## Planning the application

For translating English to Yoda, I decided to use a [R](https://funtranslations.com/api/yoda)[EST](https://funtranslations.com/api/yoda) [API](https://funtranslations.com/api/yoda) that does all the heavy lifting for us. It is a public API so we don't need any authentication or api keys to use it. We can just send the text as a text parameter and we get the translation as a response.

On the front end I used create-react-app to initialise a React project and then added a simple UI with a text input, button and a couple of labels.

![React project application UI.](/blog-posts/react-project-i-coded-a-star-wars-yoda-translator-app/images/Screenshot-2020-09-29-at-19.37.13-1024x375.png)

The UI of the finished application.

The text input takes the text we want to translate, the button initialises the API request and the labels are there for… well what are labels usually for.

## Finished application

I recorded the whole process of building the app and uploaded it on YouTube. You can watch the video [here](https://youtu.be/LT8hAGnju9g).

I also got a little creative filming the video and added an intro which I strongly recommend you check out. I think it turned out pretty cool. Let me know in the comments what you think about it!

[![Building Star Wars React application (REST API)](http://img.youtube.com/vi/LT8hAGnju9g/0.jpg)](http://www.youtube.com/watch?v=LT8hAGnju9g)

I also uploaded the finished project to Github if you want to take a look. You can find the project [here](https://github.com/tumetus/yoda-translator-app).

## Conclusion

Even though the app was pretty straight forward and simple to make, I still had a lot of fun making it. And if you are new to React, I recommend watching [the video](https://youtu.be/LT8hAGnju9g) because it teaches the basics on how to use a REST API with React, which itself is a must have tool in a React developers toolbox.


In this React project you learn how to create a simple React application and how to use a REST API with React in your next React project.

React project: I Coded a Star Wars Yoda Translator App

Do you ever just wake up in the morning, open up VS Code, and think to yourself "Wow I wonder what other coders are doing around the world, what are they coding on?".
That's how Ben Awad starts his <a href="https://www.youtube.com/watch?v=ApR-kNXxLUs">video</a> where he introduces VS Code stories, an extension for <a href="/blog/top-10-keyboard-shortcuts-for-visual-studio-code/">Visual Studio Code</a> which adds stories to VS Code.
<img src="./images/vs-code-stories-screenshot-1024x576.png" alt="vs code stories">
He literally created an extension for VS Code that you can use to view Instagram like stories and upload your own ones for others to see. I think this was just hilarious and at the same time super awesome!
If you haven't already, be sure to check out the extension and his <a href="https://www.youtube.com/watch?v=ApR-kNXxLUs">video</a> introducing the extension, it is hilarious! All the code for the extension is <a href="https://github.com/benawad/vscode-stories">open source</a>.
That's all for now, I just wanted to share this with you guys because I think this was super funny and worth showcasing extension.
Comment below what do you think about the stories for VS Code?


_Do you ever just wake up in the morning, open up VS Code, and think to yourself "Wow I wonder what other coders are doing around the world, what are they coding on?"._

That's how Ben Awad starts his [video](https://www.youtube.com/watch?v=ApR-kNXxLUs) where he introduces VS Code stories, an extension for [Visual Studio Code](/blog/top-10-keyboard-shortcuts-for-visual-studio-code/) which adds stories to VS Code.

![vs code stories](/blog-posts/vs-code-stories-new-extension/images/vs-code-stories-screenshot-1024x576.png)

He literally created an extension for VS Code that you can use to view Instagram like stories and upload your own ones for others to see. I think this was just hilarious and at the same time super awesome!

If you haven't already, be sure to check out the extension and his [video](https://www.youtube.com/watch?v=ApR-kNXxLUs) introducing the extension, it is hilarious! All the code for the extension is [open source](https://github.com/benawad/vscode-stories).

That's all for now, I just wanted to share this with you guys because I think this was super funny and worth showcasing extension.

Comment below what do you think about the stories for VS Code?


Have you ever thought to yourself "It would be awesome to have Instagram like stories in VS Code". Wonder no more, it is now a reality!