Tech Seeker

In this article, we will implement a CRUD Operation in Web API using one-many relationship tables. Web API: Web API is a framework for building HTTP services that can be accessed from any client like browser, mobile devices, and desktop apps. In Simple terminology API(Application Programming Interface) means an interface module that contains a programing function that can be requested via HTTP calls either to fetch or update data for their respective clients. Some of the key characteristics of API: Support HTTP verbs like 'GET', 'POST', 'PUT', 'DELETE', etc. Support default responses like 'XML' and 'JSON'. Also can define custom responses. Supports self-hosting or individual hosting, so that all different kinds of apps can consume it. Authentication and Authorization are easy to implement. SQL Script For One-Many Relationship Tables: For this demo, we are going to create sample tables like 'Customer' & 'CustomerAddresses&

The main objective of this article is: Implementing Google Authentication Install Google Authentication NuGet Package: Let's install the package required for google authentication. Visual Studio 2022: Install-Package Microsoft.AspNetCore.Authentication.Google -Version 7.0.3 Visual Studio Code: dotnet add package Microsoft.AspNetCore.Authentication.Google --version 7.0.3 Register With Google: We need to register our Razor Page application with Google to enable Google authentication. So following are the registration steps with Google. (Step 1) Go to Google API & Service could console at "https://console.cloud.google.com/projectselector2/apis/dashboard?supportedpurview=project" (Step 2) Click on the 'Create Project' button. (Step 3) Give a project name and then click on the 'Create' button. (Step 4) On creating a project successfully, we can observe it as a selected project in our dashboard like below. (Step 5) Select 'OAuth Consent Screen' l

In this article, we are going to implement a sample Vue(3.0) CRUD example, using JSON Server(Fake API). Vue(3.0): Vue(3.0) is a javascript framework for creating a single-page application. Vue application built by component. The components are the smallest unit of the application which comprises 'Script', 'Template(HTML)', and 'Style'. Eventually, multiple components together create the Vue application. Create Vue(3.0) Application: Let's create a sample Vue(3.0) application to accomplish our demo. To create a VueJS application our local machine should contain NodeJS. So go to "https://nodejs.org/en/download" and download the Node. Now run the below command to create the Vue3 application.  npm init vue@latest On running the above command we have to choose a few options before creating a vue application, in those options we can choose the default option as 'No', but for the routing option select 'Yes' like below. Now open our v