In this project we are going to create a google clone using ReactJS. Here, we will be using Styled components to style the project. We will also be using Context API, to transfer data between two pages. Google provides us awesome APIs to do the search and we will be…

In this post we will learn to do authentication in our NextJS app easily, though the awesome Next Auth package. The link for the same is NextAuth.js (next-auth.js.org) First, we need to create a new NextJS app with the below command.

In this same demo, we will learn about NextJS image optimization. NextJS is know for it’s image optimization which is a pain point in any web-app, because images slows down websites. This post have taken reference form this awesome youtube video. So, we have created a simple NextJS app with…

In this post we will learn TypeScript, which is a superset of JavaScript. It was built by Microsoft to fix the issues of loose binding in JavaScript. This post is inspired by this YouTube video from Lalith Academy. VSCode have inbuilt TypeScript, so open any folder in it and create…

We are going to build a cool game database project in Angular. In this project we are going to get the data from an API, which contains details of more then 50,000 game and use various features of Angular to show them. This project is inspired by this YouTube video…

In this project we are going to create a cool crypto currency app in Angular. This project have been inspired by this awesome youtube video. So, go ahead and create new angular app with below command. Also, add routing and CSS in it.

In this post we will learn to test our JavaScript application with Jest testing framework. This post have been inspired from this youtube video. The official docs for starting with Jest can be found here. So, as per the instructions, we will create a new project and create a package.json…

In this post we are going to create three simple project using HTML, CSS and JavaScript in 1 hour. These projects are inspired by the awesome course from Brad Traversy. You can find it here. We will first do a cool Animation scroll project. So, first create a folder 1-Animation-Scroll…

Welcome to part-3 of the series. You can find the part-2 here. We will start where, we have left in part-2. Here, first we will add the code to update the password in Account.js file.