Our Latest Blog Posts

Material design apps use activity transitions to connect different states with motion and transformations. Entry and exit transitions, as well as transitions between shared elements, can be animated.

Android supports these enter and exit transitions

1] Explode :

• Views are moved in or out of the scene's center.

2] Slide :

• Views are moved in or out from a scene's edge.

3] Fade

• Changes the opacity of a view to add or remove it from the scene.

These transitions are also supported on Android

ChangeBounds :

• Makes target views' layout bounds change.

ChangeClipBounds :

• Animates changes made to the clip boundaries of target views.

ChangeTransform :

• Initiates the scale and rotation change of target views.

ChangeImageTransform :

• Images have a change in size and scale as a result of animation.

Check on versions compatibility

// Check if we're running on Android 5.0 or higher
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                // Apply activity transition
            } else {
                // Swap without transition
}

Create custom transitions

• When you define a style that inherits from the material theme, enable window content transitions with the android:windowActivityTransitions attribute.

<style name="BaseAppTheme" 
parent="android:Theme.Material">
      <!-- enable window content transitions -->
      <item name="android:windowActivityTransitions">true</item>
      <!-- specify enter and exit transitions -->
      <item name="android:windowEnterTransition">@transition/explode</item>
      <item name="android:windowExitTransition">@transition/explode</item>

<!-- specify shared element transitions -->
      <item name="android:windowSharedElementEnterTransition">
            @transition/change_image_transform</item>
      <item name="android:windowSharedElementExitTransition">
            @transition/change_image_transform</item>
</style>

This example defines the change_image_transform transition as follows:

<!-- res/transition/change_image_transform.xml -->
<!-- (see also Shared Transitions below) -->
<transitionSet 
       xmlns:android="http://schemas.android.com/apk/res/android">
       <changeImageTransform/>
</transitionSet>

In your code, enable window content transitions by calling Window.requestFeature() :

            // inside your activity (if you did not enable transitions in your theme)
            getWindow().requestFeature(Window.FEATURE_ACTIVITY_TRANSITIONS);

            // set an exit transition
            getWindow().setExitTransition(new Explode());

Use transitions to start an activity

startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this).toBundle());

Let someone start a new activity with a shared element

To make a screen transition animation between two activities that have a shared element:

            final View imgContainerView = findViewById(R.id.img_container);

            // get the common element for the transition in this activity
            final View androidRobotView = findViewById(R.id.image_small);

            // define a click listener
            imgContainerView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Intent intent = new Intent(this, Activity2.class);
                    // create the transition animation - the images in the layouts
                    // of both activities are defined with android:transitionName="robot"
                    ActivityOptions options = ActivityOptions
                        .makeSceneTransitionAnimation(this, androidRobotView, "robot");
                    // start the new activity
                    startActivity(intent, options.toBundle());
                }
            });

An activity with multiple elements is an excellent start

            ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this,
                    Pair.create(view1, "agreedName1"),
                    Pair.create(view2, "agreedName2"));

How to integrate paypal payment gateway with Laravel / PHP ?

In this tutorial we are going to see to integrate the paypal payment gateway with checkout method using the Laravel.

We are going to use package : https://github.com/srmklive/laravel-paypal

Install the package

composer require srmklive/paypal:~3.0

Publish Assets

php artisan vendor:publish --provider "Srmklive\PayPal\Providers\PayPalServiceProvider"

Set Paypal credentials into config/paypal.php

return [
    'mode'    => env('PAYPAL_MODE', 'sandbox'), // Can only be 'sandbox' Or 'live'. 
    'sandbox' => [
        'client_id'         => env('PAYPAL_SANDBOX_CLIENT_ID', ''),
        'client_secret'     => env('PAYPAL_SANDBOX_CLIENT_SECRET', ''),
        'app_id'            => '',
    ],
    ......
    ......
];

Create Routes

routes/web.php

 Route::get('paypal-onboard', [PaypalController::class, 'onBoard'])->name('paypal.init');
 Route::get('paypal-payment-success', [PaypalController::class, 'success'])->name('paypal.success');
 Route::get('paypal-payment-failed', [PaypalController::class, 'failed'])->name('paypal.failed');

Create Controller

app\Http\Controllers\PaypalController.php

setCurrency('EUR');
        $provider->getAccessToken();
        $data = [
            "intent"              => "CAPTURE",
            "purchase_units"      => [
                [
                    "amount" => [
                        "value"         => 100,
                        "currency_code" => getCurrencyCode(),
                    ],
                ],
            ],
            "application_context" => [
                "cancel_url" => route('user.paypal.failed'),
                "return_url" => route('user.paypal.success'),
            ],
        ];

        $order = $provider->createOrder($data);

        return redirect($order['links'][1]['href']);
    }

    public function failed()
    {
        dd('Your payment has been declend. The payment cancelation page goes here!');
    }

    public function success(Request $request)
    {
        $provider = new PayPal();      // To use express checkout.
        $provider->getAccessToken();
        $token = $request->get('token');

        $orderInfo = $provider->showOrderDetails($token);
        $response = $provider->capturePaymentOrder($token);

        dump($orderInfo);
        dd($response);
    }
}

That's it. Enjoy.

To enhance productivity at the workplace, Motivation is essential. but the question is how to motivate employees. Well, there are various motivational theories.

• Maslow’s Hierarchy of Needs
• Herzberg’s Two-Factor Theory
• McGregor’s X and Y Theories
• McClelland’s Need Achievement Theory
• The Equity Theory
• Value–Percept Theory
• Vroom’s Expectancy Theory
• Porter-Lawler Model

let's discuss the first theory

Maslow's Hierarchy of needs

This theory is based on the human requirement, Abraham Maslow explained how individuals behave when they met the requirement. Maslow's theory indicates that Job satisfaction revolved around employees' needs and that factors bring them to a reasonable level of satisfaction.

Maslow divided his theory into five different stages as per individuals' priorities, these five stages are based on the various needs of human beings.

• Stage-1 Physiological needs
• Stage-2 Safety and security needs
• Stage-3 Social needs
• Stage-4 Esteem Needs
• Stage-5 Self- actualization needs

Stage-1 Physiological needs

Physiological needs are basic needs like drinking when thirsty, and eating when hungry, Maslow considered psychological needs as the most essential needs. people are more likely to fulfill these needs first, for instance- If anyone is really hungry then it's hard to focus on any other thing besides food.

Stage-2 Safety and security

Once the physiological needs are fulfilled then it's human tendency to think about safety and security which includes saving, investment, and extra income.

Stage-3 Social need

This step involved love feelings and acceptance. These needs include both relationship Romantic relationships as well as tied with friends and family members. It also includes forming a social group. Feeling the love from others and feeling love towards others both are the key points of this stage.

Stage-4 Esteem Needs

This need involved two components- the first component involved Feeling confident and feeling good about oneself. The second component involved feeling valued by others.

Stage-5 Self- actualization needs

Self-actualization needs to involve a feeling of fulfillment all needs are acquired by the individual. A person is living up to the potential. a significant feature of this stage is person looks different from others.

According to Maslow, this feeling of self-actualization is really rare for instance Albert Einstein and Mother Teresa. to read more about Maslow's theory please read my upcoming blog

Reaching sales prospects over email is an opportunity to sell and develop a working relationship with a new client.

Write a subject line

The first step in writing a strong email to a prospect is to consider the subject line. The first thing a potential client will see in an email is the subject line, so it's important that it persuades the recipient to open the email. Here are some strategies you can use to write a compelling subject line:

Here's what you should do if you want to write good email subject lines:

• Use personalization.
• Ask an engaging question.
• Use concise and action-oriented language.
• Take advantage of scarcity and exclusivity.

Give information about yourself.

You will more likely gain traction if they already know, like, and trust you. But everyone has to start somewhere, right?

If they've never received a communication from you, tell them a little about yourself in a way that feels warm and authentic. You must convey who you are and why they should listen to you. At the same time, it's essential to make it about them. For example, your email sales introduction could look something like this:

"My name is [name], and I'm contacting you because..."

Close the email with a salutation

You can include a closing salutation that matches the level of formality you used to open the email. Here are a few examples of closing salutations for professional emails:

• Thank You
• Best wishes
• Regards
• Looking forward to hearing from you
• Sincerely

There is no doubt that Node.Js is the most widely used JavaScript runtime environment, but Deno is more secure and offers more features.

Compare Deno and Node.js to see which is better for your next project, the purpose of this article is to introduce you to Deno and Node.js, their differences, and how to choose the right one for your upcoming project.

What is Node.js?

Created by Ryan Dahl in 2009, Node is a server-side JavaScript environment based on Google's V8 javascript engine and heavily focused on event-driven HTTP servers. This paradigm of JavaScript everywhere allowed the development of web applications using a single programming language by bringing server-side JavaScript to the mainstream.

At JSConf EU 2018, Ryan Dahl presented "10 Things I Regret About Node.js" - a talk titled "Design Mistakes in Node". In his talk, he details his regrets regarding some of the choices that were made in the development of Node.

In order to fix many of the design flaws mentioned at the talk, Ryan decided to introduce Deno, which ends support for legacy applications.

What is Deno?

Deno is a secure runtime for JavaScript and TypeScript that has been extended for JavaScript XML (JSX), and its TypeScript extension, TSX. Developed by the creator of Node.js, Deno is an attempt to reimagine Node to leverage advances in JavaScript since 2009, including the TypeScript compiler.

Like Node.js, Deno is essentially a shell around the Google V8 JavaScript engine. Unlike Node, it includes the TypeScript compiler in its executable image. Dahl, who created both runtimes, has said that Node.js suffers from three major issues: a poorly designed module system based on centralized distribution; lots of legacy APIs that must be supported, and a lack of security. These fixes are covered in Deno.

Can we use Node.js and Deno together?

Node.js or Deno are both excellent choices for server-side JavaScript projects. But is it possible to combine them? The answer to that is a definite "maybe."

The first thing to note is that Node packages from Deno often work just fine. Fortunately, there are workarounds for most of the common stumbling blocks. In addition, Deno standard library modules can be used to "polyfill" the built-in modules of Node; CDNs can be used to access npm packages in Deno-compatible ways, and import maps can be used. Additionally, Deno supports Node compatibility mode since version 1.15.

However, Node's plugin system does not work with Deno; Deno's Node compatibility mode does not support TypeScript, and a few Node modules (such as VM) do not work with Deno.

Here is a cheat sheet for Node users interested in switching to Deno.

Which to choose: Node.js or Deno?

Choosing the right technology for your use case depends on a variety of factors. Don't fix an existing Node.js deployment if it's not broken. My recommendation would be to strongly consider Deno if you intend to write a new TypeScript project. It's pretty hard to predict whether you're going to be successful without a proof-of-concept: Node.js packages are difficult to integrate with Deno without trying them out.

We often listen to the words "Eager Loading" & "Lazy Loading" in Laravel. but maybe some of how still don't know what that actually stands for.

What Lazy Loading means?

I worked with many projects that is developed by some other developers and the common problems in code I found us Lazy Loading queries everywhere.

To understand it more easily let's take one simple example.

Let's say There is Post model and Comments Model.

So basically post->hasMany('comments')

So let's say we are fetching 10 posts and now we want the comments of each post. what we will do is :

$post->comments()->get() (LAZY LOADING)

Lazy loading cause N+1 queries issues as every time we are fetching comments of each post and it will block the execution too for while as its queries from the DB.

What Eager Loading means?

Eager loading is very useful when we are working with large-scale projects. it saves lot's of execution time and even DB queries too :)

Let's take the above example to understand the Eager loading.

$posts = Post::with('comments')->get()

$post->comments (EAGER LOADING)

here when we retrieve the posts at that time we are fetching its comments too on the same query. so when we do $post->comments it will not again do query into DB or not even block execution as the comments are already there in model instance.

So this is how Eager loading saves your time and also prevents N+1 Query.

Hope that helps.

It's 2022 and people are still using the old jquery tables with Laravel. As laravel have the livewire why do we have to use the jquery tables ??

In this tutorial, we are going to use the livewire tables and gonna see the benefits of it.

The main problem I see with Jquery Datatable is :

• Page will flicker when we do any search, as it will fire the server-side query and fetch results
• HTML Appending into JS for action column
• It's not easy to customize the row, we have to write the HTML into JS

The main benefits of using Laravel Livewire tables are:

• After searching results will be quickly updated on-page, without flickering
• As the Livewire table is JS less, Of course, you don't have to append HTML into it. you can do it via blade files :)
• You can easily customize the row and tables view by adding your custom blade views.

How to integrate Bootstrap Livewire tables?

For that we are going to use the following package :

https://github.com/rappasoft/laravel-livewire-tables

Install Package

composer require rappasoft/laravel-livewire-tables

Publish Assets

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-config

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-views

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-translations `

Choosing Bootstrap 5 theme

Into the published config file you can choose/change theme to bootstrap-5

    return [
        /**
        * Options: tailwind | bootstrap-4 | bootstrap-5.
        */
        'theme' => 'bootstrap-5',
    ];

Render the components

    <livewire:members-table />

Create Component

    namespace App\Http\Livewire;

    use App\Models\User;
    use Rappasoft\LaravelLivewireTables\DataTableComponent;
    use Rappasoft\LaravelLivewireTables\Views\Column;

    class MembersTable extends DataTableComponent
    {
        protected $model = User::class;

        public function configure(): void
        {
            $this->setPrimaryKey('id');
        }

        public function columns(): array
        {
            return [
                Column::make('ID', 'id')
                    ->sortable(),
                Column::make('Name')
                    ->sortable(),
            ];
        }
    }

That's It :)

That's it, and you will see the bootstrap-5 Laravel livewire table. it have other lot's of fucntionality too, you can use or disable it as per your need.

Developing an e-commerce website is a complex process. From defining the purpose, design to identifying the ways in which its user will make the payment, developing a website requires a lot of efforts. But, all those efforts might go in vain if the website is solely developed and no step is taken to ensure its proper functionality.

Testing an e-commerce website is a crucial step that helps ensure that it continues to deliver the required performance and keeps its users happy. It is also important to be sure about software’s reliable performance, optimum quality and capacity utilization. Similar to its development, testing an e-commerce website demands the tester’s proper attention. Some of the common techniques that can be used for testing an e-commerce website are as mentioned below:

Compatibility With Different Browsers

This form of testing is conducted to ensure that the product being developed offers provide proper support for early browsers and has browser specific extensions. While conducting this testing, it is also important to verify that it is able to cover main platforms like Linux, Windows, Mac etc.

Page Display

Testing the product for this feature helps in verifying any incorrect display of pages, runtime error messages, poor download time of a page, dead hyperlink or font sizing error. Identifying this form of error helps in ensuring that all such errors are rectified on time.

Session Expiry

This includes testing the website on parameters like the duration for which a session lasts, its storage, etc. Testing this feature is important to ensure the maximum safety and security of the user’s confidential data like bank account details, passwords, etc.

Usability

When you own an e-commerce website, it is important to ensure that it proves useful to its users. Test to ensure that it does not have poor site navigation, performs when someone navigates through the catalogue and is also available with complete support, in case the need arises.

Analysis of Content

One must ensure that the content available/visible to the end user is authentic and not at all misleading. This implies that the website should be thoroughly checked for the presence of any offensive or deceptive content, copyright of the images present on the website, possibility of personalizing the content, etc.

Data Backup and Recovery

Any e-commerce business runs on the basis of data availability. Therefore, it is important to ensure that there is no risk of data loss. In case of any data loss, there should always be a possibility of recovering the same. The risk of backup failure should not exist in case of e-commerce website.

Performance of Shopping Cart Features

The functionality of shopping cart is the utmost important part of an e-commerce website. When testing an e-commerce website, one must check the performance of its shopping cart in terms of adding or removing the items, processing of order and payment, tracking order, etc.

Performance for Global Audience

The website should never be limited to serve a particular set of audience. Making it viable to use for a mass audience by offering features like language support and display, its sensitivity to different cultures and regional accounting can make the website a path towards gaining a large customer base.

System Integration

The extent to which a website integrates with the system is an important factor to consider when developing an e-commerce website. To verify this, the testing team needs to check and confirm the data interface format, interface frequency and volume capacity, updates and performance.

Login and Security

Testing an e-commerce website requires one to test it on several grounds like login capability, access control, ability to handle web attacks, transmission of information and viruses. It is also important to ensure that there is no breach of data or threat to the user’s data when he/she is using the website. app testing

Conclusion

It is important to remember that performance testing is the key to success for any e-commerce website. Conducting this form of testing ensures that there is no delay in its response time or handling any requests raised by the user. Remember, launching an e-commerce website is not an end; it is rather a beginning to delivering the best-in-class experience to the user that can be ensured only by conducting regular testing and maintenance.