In this tutorial you will learn how to create a new flutter project with a custom package name or id like com.sunilk.dev and not the default com.example etc.

What you need to do? At the time of creating your project from scratch, just use below command.

flutter create --org com.sunilk.dev myappname

To confirm this, we look into following files in Android

//File ---> /android/app/build.gradledefaultConfig {
applicationId "com.sunilk.dev.myappname"
minSdkVersion 16
targetSdkVersion 28
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
}

On MacOS Open below file, in Xcode

/ios/Runner.xcworkspace

From the left side bar open, tap on root, Runner, from the General tab, expand Identity, check Bundle Identifier.

Above, is all you need to create a new flutter project with a custom package name or id.


In this Firebase Cloud Functions tutorial you will learn how to set your app secrets like tokens, api keys or any payment gateway third party keys be it Stripe, Razorpay, Paypal etc. securely inside Firebase Environment Variables and get it directly into your Ionic Angular application with a callable function.

Step 1: Create a new ionic app with angular, with below CLI command

ionic start firebase-functions-angular-ionic blank

When prompted to choose your framework, select Angular

Pick a framework! 😁Please select the JavaScript framework to use for your new app. …

In this tutorial you will learn, how to build a Svelte app and integrate Tableau Analytics with Responsive UI using Bootstrap 5.

Why Svelte and not React or Vue?

Well, Svelte is a new promising candidate in the race to become a robust, quick performer (see 2020 benchmarks) and powerful library to build user interfaces with a different approach of in-built state management, compiling before serving to the browser v/s virtual DOM manipulation, in the near future.

Step 1: Create a new Svelte app using command or download the zip offline.

npx degit sveltejs/template demo-app

Before we test Run the app, install default Svelte dependencies

npm…


To begin you first need to obtain a Google reCaptcha site-key and a server/or secret-key, so log on into your Gmail or Google account and point your browser to https://www.google.com/recaptcha/admin/create and if not already logged-in to https://www.google.com/recaptcha then click on Admin Console button on top right corner.

Click the + sign to add a site for generating a new site / server or secret key, settings icon to update setting.

What you need to add, fill the form:

Label ---> Any custom name you may like.reCAPTCHA type ---> you may choose v2 or v3 or latest, if any.Domains…

In this Flutter, shopping cart example tutorial you will learn how to implement Flutter Provider state management package to pass on changed data, so that the sibling and child in a widget tree can consume it to update the UI.

At the end of this tutorial, you get to know, other ways to implement Flutter Provider using hooks, but first you need to know the standard way to do this.

Step 1: Create a new flutter app with below command

flutter create --org=com.providercart providercart

Step 2: We get the list of products from https://fakestoreapi.com/


This guide will help all PHP developers who are looking to try their hands with Laravel on MAC OS.

Laravel, has couple of dependencies and I will not get into all of that, I wanted this installation and setup process to be less complex for any developer reading this and for that have already done lot of research, based on my experience this is the easiest way to get started (there could be more options available with greater minds out there).

A PHP developer would be familiar with XAMPP, So I would use what we already have.

Step 1: Install…


This guide will run you through the easy way out to set up and quickly install WordPress without spending time configuring host and vhost etc using the XAMPP VM

Step 1: Download xampp (XAMPP-VM / PHP 7.X.X for OS X) and WordPress latest installer.

XAMPP VM Installer


Google Firebase Hosting allows you to publish your static or dynamic website files, dynamic single page applications build using Angular, React or Vue JS.

This tutorial will help you learn how to deploy or upload files from your local system to firebase project already setup.

Step 1: Make sure you have the latest version on Nodejs installed. Then open command or terminal, and run below command to install firebase CLI.

npm install -g firebase-tools

After, the CLI is installed, lets login to firebase from our command prompt with below command.

firebase login

This will open a auth dialog in…


This is a simple and easy way out to integrate Tableau worksheets into your Vuejs web application.

Considering, you already know Vue web development, I will not walk your through how to create a Vue web app, directly dive into the recipe to cook Tableau with Vuejs.

Step 1: Add Tableau JS API Library file, into <head> of file /public/index.html

<script src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>

Step 2: Create a component and use as below:

Define the tableau object to be used into Vue component as below from tableau-2.min.js

new window.tableau.Viz(
..,
..,
...
)

Step 3: We first add the <div> element inside…

Sunil Kumar

UI & Mobile App developer based in Mumbai helping startups grow in India and across globe.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store