How I got Linus Torvalds in my contributors on GitHub

martiliones — Wed, 25 Aug 2021 14:54:39 +0000

Before starting, you can see for yourself by clicking on the link → https://github.com/martiliones/icon-set-creator

* don't forget to star project if you like it :)

Idea

One day I wondered why my commits were not showing up in the activity overview. I googled and found on StackOverflow that GitHub uses your git email to link to the profile instead of the authentication data. So I thought that maybe I can change git email to get a commit from another user without his participation

Realisation

First of all, you need to get e-mail address of a target user. At first my idea was to get the email address from the user's git repository, but then I found that I could use the GitHub API to get it. Here is the GET API method you can run in your browser

https://api.github.com/users/REPLACE_WITH_USERNAME/events/public

You will get list of user events and you can easily find e-mail with search box in your browser (ctrl + F in most browsers, or if "Filter JSON" for Firefox)

Once we get the email address, we can create a commit:

git -c user.name='Linus Torvalds' -c user.email='torvalds@linux-foundation.org' commit -m "JavaScript is my favorite language 💕"

To display your commits in target user Activity Overview at least one of the following must be true:

User is a collaborator on the repository or are a member of the organization that owns the repository.
User have forked the repository.
User have opened a pull request or issue in the repository.
User have starred the repository.

Results

You can do this with anyone as long as you have a user's email address.

Conclusion

I think GitHub should fix this bug to prevent attacks on profiles. If the target user starred your repository, you can draw something in his Activity Overview as example

Thank you for your time. Share your opinion about it in the comments 👇

How to Add and Manage App Icons to React Native App on IOS & Android

martiliones — Sun, 15 Aug 2021 10:42:23 +0000

In this article, we are going to discuss the in and outs of the React Native App Icon for both iOS and Android. The app icon is a critical component of a mobile app since it’s always exposed to users. A great app icon can improve your app install numbers and can boost daily active users if it’s attractively designed. Anyone who is building a React Native app will eventually need to solve the issue of adding a React Native app icon to their mobile apps, prior to publishing them to the app stores.

To create app icon you need:

PNG icon for IOS and Android (I highly recommend using an icon with a size of at least 1024x1024 pixels)
You can also create Adaptive Icon for Android, which can display a variety of shapes across different device models (Learn More). To create it you need a foreground image and a background color or image. There is also a good article on how to design such icons.

In this guide we’re going to use the following assets, which can be found in GitHub repository:

First you need to install ⭐ ️icon-set-creator:

$ npm install -g icon-set-creator
# OR
$ yarn global add icon-set-creator

After installation, you will have access to the iconset binary in your command line. You can verify that it is properly installed by simply running iconset, which should present you with a help message listing all available commands.

Now you can create config file for icon-set-creator. Create iconset.config.js file in root of your app (where package.json is located) and set options for our assets:

imagePath — The location of the icon image file which you want to use as the app launcher icon. e.g. ./assets/icon.png
android/ios (optional): true — Override the default existing Flutter launcher icon for the platform specified, false — ignore making launcher icons for this platform, icon_name — this will generate a new launcher icons for the platform with the name you specify, without removing the old default existing Flutter launcher icon.
imagePathAndroid — The location of the icon image file specific for Android platform (optional — if not defined then the imagePath is used)
imagePathIos — The location of the icon image file specific for iOS platform (optional — if not defined then the imagePath is used)

The next two attributes are only used when generating Android launcher icon:

adaptiveIconBackground — The color (E.g. "#ffffff") or image asset (E.g. "assets/images/dark-background.png") which will be used to fill out the background of the adaptive icon
adaptiveIconForeground — The image asset which will be used for the icon foreground of the adaptive icon

In our example we will use one icon for both platforms and also an adaptive icon for android. This is how the our config file will look:

/*iconset.config.js*/
module.exports = {
  imagePath: './assets/app-icon/icon.png',

  adaptiveIconBackground: './assets/app-icon/background.png',
  adaptiveIconForeground: './assets/app-icon/foreground.png'
};

🎉 Enter the command below and you’re done!

$ iconset create

If you want, you can add the package in the dev dependencies and the scripts to the package.json:

{
  "scripts": {
    "create-appicon": "iconset create"
  },
  "devDependencies": {
    "icon-set-creator": "latest"
  }
}

Next time you can just enter the npm run create-appicon command.