DEV Community: Sajal Gupta

Angry Doge Demo 🐶 | Using HTML CSS

Sajal Gupta — Fri, 02 Jul 2021 08:32:59 +0000

An angry - cheerful dog created using pure CSS, HTML and vanilla JS.

Check out the video demo on https://youtu.be/1e1wOd2ffxo

Checkout the web demo at http://salroid.me/Doge/

Check out the repository on GitHub: https://github.com/salRoid/Doge

Awesome Text With Background Demo ✌🏼| Using HTML CSS

Sajal Gupta — Thu, 13 May 2021 04:51:52 +0000

A web page with background-clipped text created using CSS with random image functionality by vanilla JS.

Check out the video demo on https://youtu.be/NCw-daFdiio

Check out the repository on GitHub: https://github.com/salRoid/BackdropClipping-randomWallpaper/tree/master/City%20Lights

Check out my other video on O(1) solution of Range Sum Queries.

Please like, share, and subscribe to the channel will be dropping a lot of things ❤️❤️.

Classic Problem of Range Sum Queries 😭

Sajal Gupta — Thu, 15 Apr 2021 02:10:50 +0000

I have been into competitive coding for the last 5 years and this is what I learned If you want to crack good coding interviews you need to be very good at problem-solving.

The key to these interviews is not just solving the problem but give the optimized solution which takes very less time constraint.

One of the classic problems people don't know the idea for an O(1) solution is RangeSumQueries.

Problem Statement:

Given an array of N Elements.
Multiple queries will be asked with inputs L, R where 0 <= L < R < N

The user has to provide the Sum of elements in this range.

Note: Don't fall for a naive brute force approach it will take a lot of time with increasing array size and multiple queries.

Watch the video on my channel to find the solution using the auxialiary array.

https://youtu.be/IXQvj8BFE24

YouTube:

Please like, share, and subscribe to my channel if you love the content.

It's CSS not Photoshop | Dynamic Avengers City Lights

Sajal Gupta — Sat, 10 Apr 2021 03:56:44 +0000

Watch the 40-sec complete video demo in 1080p at https://youtu.be/ehDiOgNNiXk

Secret Ingredient

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-stroke-width: 0.7px;
    -webkit-text-stroke-color: white;

You can also check out the video on background text clipping at https://youtu.be/6G-juiJIU8E

Please like, share, and subscribe to my channel if you love the content ❤️❤️❤️.

Unbeatable Tic Tac Toe in C++

Sajal Gupta — Thu, 08 Apr 2021 15:10:45 +0000

What is a min-max algorithm?

Minimax is a decision rule used in artificial intelligence, decision theory, game theory, statistics, and philosophy for minimizing the possible loss for a worst-case scenario.

In this set, there are two players one is going to be the Winner (Maximizer) and the other is going to be the Loser (Minimizer).

In our case, we want to create the computer that is always the winner so it is supposed to make the best move always?

How does the computer decide on the best move?

After the player has made its turn the computer simulates every possible move on the board. The computer assumes that the player will always make the worst move and reach the end case.

If (Computer Wins) {
   return 10; // Winning moves gives 10
} else {
   return 0; // Losing moves gives 0
}

Every time we get 10 that's the move computer is going to make in order to win.

There can be multiple 10 values then what to choose?

Let's say we have a value called "DEPTH" - which tells you how fast the computer is going to win.

Suppose 2 moves, Depth = 2;

If (Computer Wins) {
   return 10 - Depth(2); //  Distinct values
} else {
   return 0; // Losing moves gives 0
}

Now the values will become distinct and the computer will always make the move where it gets the highest value after subtracting the depth.

Watch my youtube video on Biased Dice UI.

Unbeatable Tic Tac Toe code available at

salRoid / UnbeatableTicTacToe

❌⭕ An unbeatable Tic Tac Toe game with reliable artificial intelligence.

UnbeatableTicTacToe

An unbeatable Tic Tac Toe game with reliable artificial intelligence.

View on GitHub

How I created biased dice.

Sajal Gupta — Wed, 07 Apr 2021 03:27:36 +0000

Can you create biased dice where the probability of getting an even number is more?

The question was asked in MakeMyTrip interview.

A dice has 6 states : {1, 2, 3, 4, 5, 6} and the problem is P{2, 4, 6} > P{1, 3, 5}.

Can you create a mathematical function to solve this problem without hampering the dice randomness?

Follow up the below video lineups to find the solution or comment down your approach how you will solve it

int function DiceMoves() {

    // your code here

    return diceState;

}

Watch my videos on the same:

Please like share and subscribe if love my videos.

My solution code at:

salRoid / Random-Dice-Moves

Random-Dice-Moves

View on GitHub

Create image inside a text.

Sajal Gupta — Mon, 05 Apr 2021 02:55:42 +0000

A web page with background-clipped text created using CSS with random image functionality by vanilla JS.

Check out the video on https://youtu.be/6G-juiJIU8E

Follow me on GitHub to find some of my projects: https://github.com/salRoid

Please like, share, and subscribe to the channel will be dropping a lot of things ❤️❤️.

Sum of digits of a number to a single-digit integer.

Sajal Gupta — Mon, 29 Mar 2021 16:34:31 +0000

Dropped another video on youtube this time it's a basic math problem but most of us don't think it in that direction.

Go through the logic of this problem and enhance your knowledge.

Check out the video on youtube: https://youtu.be/9baLG_4gohE

Follow me on GitHub to find some of my projects: https://github.com/salRoid

Please like, share, and subscribe to the channel will be dropping a lot of things ❤️❤️.

Create Eyes Mouse Cursor Follow Up

Sajal Gupta — Wed, 24 Mar 2021 05:26:33 +0000

Just tried my hands on creating a video, Please follow up the coding session to make web elements move following the cursor using HTML, CSS, JS.

A simple web page created in 10 minutes with a monk rotating eyes based on the mouse movement.

Check out the video on youtube: https://lnkd.in/gkadHNb

Open source code: https://lnkd.in/gh4KGyj

Follow me on GitHub to find some of my projects: https://github.com/salRoid

Please like, share, and subscribe to the channel will be dropping a lot of things ❤️❤️.