Forem: YoungInnovations

Get Instant Country Flags

⚡ Nirazan Basnet ⚡ — Fri, 09 Apr 2021 07:23:10 +0000

While working on one of my projects, there is one feature where I need to display a specific flag depending upon the country code.

My first approach was to get the country flags' zip file and extract it locally from the images folder.
You can download the list of country flags from here.

I thought this can be easy. Then, I thought as the project was on ReactJs, I wonder there might be an API for the country flags.

Then I came across,
Country Flags - A simple API to load any country flags

So, how does it work:

HTML

<img src="https://flagcdn.com/:size/:country_code.png">

Example

<img src="https://flagcdn.com/48x36/za.png">

Simple Data Map Syntax in ReactJs

Code:

function CountryList() {
  const countries_code = ["au", "af", "bd", "br", "in"];

  return (
    <div className="country-list">
      <ul>
        {countries_code.map((code, index) => (
          <li key={index} className="mr-16">
            <img src={`https://flagcdn.com/48x36/${code}.png`} alt="..." />
          </li>
        ))}
      </ul>
    </div>
  );
}
);

You can check out the demo link here

Conclusion
👏👏 By coming this far I hope you can implement this awesome country flag CDN & API on your project. So, I suggest you give it a try on your project and enjoy it!

Feel free to share your thoughts and opinions and leave me a comment if you have any problems or questions.

Till then,
Keep on Hacking, Cheers

Maintaining Multiple Postgres Version

Manish Pradhan — Fri, 09 Apr 2021 05:44:59 +0000

Sometimes we need to have different Postgres versions in our local machine. We just need to know the port the versions are running and we are good to go.

For this let's install two versions of Postgres 9.6 and 11 via commands

Install Postgres 9.6

sudo apt-get install postgresql-9.6

Install Postgres 11

sudo apt-get install postgresql-11

Lists the postgres clusters

pg_lsclusters

start-stop the clusters

sudo pg_ctlcluster 9.6 main start
sudo pg_ctlcluster 9.6 main stop
sudo pg_ctlcluster 11 main start
sudo pg_ctlcluster 11 main stop

connects to 9.6

sudo -i -u postgres psql -p 5432

connects to 11

sudo -i -u postgres psql -p 5433

By changing the port only we can restore and dump db according to postgres version

dumps and restores 9.6

pg_dump --host localhost --port 5432 --username "postgres" --encoding UTF8 --verbose --file "{{db_backup_path}}" "{{db_name}}"
pg_restore --host 127.0.0.1 --port 5432 --username "postgres" --dbname "{{db_name}}" --verbose "{{db.backup}}"

dumps and restores 11

pg_dump --host localhost --port 5433 --username "postgres" --encoding UTF8 --verbose --file "{{db_backup_path}}" "{{db_name}}"
pg_restore --host 127.0.0.1 --port 5433 --username "postgres" --dbname "{{db_name}}" --verbose "{{db.backup}}"

7 must-have extensions of VS Code

Sonika Baniya — Wed, 31 Mar 2021 11:49:42 +0000

In this blog, going to share the must-have extensions for beginners. A little background, I am a Software developer and mostly a backend developer but here, I have tried to list some frontend friendly extensions also.

1. Git history

Git is the most widely used Version Control System out of all. Git History is the first extension you must install if you use git as VCS in your project. This extension is majorly used for:
i. view and search git log with details and graph
ii. see history of file and line of code and also compare files across commits.
iii. compare branch and commits.
This will look something like this in below image in VS code extensions:

2. GitLens

I personally use GitLens just to know the author of line of code. This extension shows moreover shows total no of authors that have previously contributed and commit message in which loc is written. This ease the understanding of code written by other author. Check out other cool features of this extension here.

In this loc, we can see that gitlens is showing Sonika Baniya as the author and also 3 other authors. And Sonika Baniya wrote this line of code 2 months ago in the commit message “Data Import Validation”. If you hover here, we can also see the commit hash and the full commit message.

3. Waka time

Waka time plugins will help you track your programming in real-time. This plugin will give you a dashboard on metrics like branch, file, project that you spend your time on. Also, I love that Waka time sends you these metrics on email daily/weekly/monthly as you like. A sample email looks like this:

I have turned on my weekly email and wakatime gives you core time you spend on VS code, not the time you left VS Code open, and it's always a warm reflection to see how much you spend on your project and helps you on weekly planning to estimate task time. To learn more about wakatime click here.

4. Better Comments

This extension is for human-readable comments. This helps to create multiple categories in your comments. The comments can be categorized into alerts, queries, TODOS, important info. For me, its always like I am writing dirty code first just to ensure the logic is correct and then refactoring in multiple levels, so this is very important extension for me. To know more about this extension, checkout here.

5. Error lens

Additionally, Error Lens helps to stand out errors more visibly. Like some of the examples would be as shown in the picture below. If you are the one that takes longer to find out missing semicolons and indentation errors then this extension is definitely for you.

6. Material Icon Theme

Material Icon Theme helps to distinguish your files and their types with colorful icons. Additionally, if you are not a color person then you can customize your own color saturation and opacity. Also, your own custom icon. Honestly, the default material icon theme is so much better than native VS code icons. There are full guidelines on how to customize and more details here.

7. Remote SSH

If you are a non-devops developer but sometimes need to access your ssh server for deployment or other purposes then this extension is perfect for you. This extension allows you to open a remote folder on any remote machine, virtual machine, or container with a running SSH server and take full advantage of VS Code’s feature set. The tedious process just to update a small fix in the file is now 1000x easier with this extension. Also, no additional code needed to set this up. Check this cool extension here and save yourself.