Discover SibeeshVenu/Deffered-Grid-MVC-Web-API-AngularJS Open Source

This is a simple Angular 5 application

ng5

An Asp.Net core API which uses Micro services to get the move data from TMDB database, and uses Repository pattern and unit of work design for saving some movies to SQL database. It includes login, register actions as well. A logged in user can perform some actions.

M4MoviesApi

sibeeshvenu

I am showing the image of the titles of my recent 5 blog posts on my GitHub home page automatically. I did it using the Azure Function, Azure is Love, right?

Your-Own-Npm-Package

Wow, you are going to create your own package? Either a private one or a public one? You were looking for a documentation on how to create your own package in NPM, and you ended up landing here? No, worries, in this post I will help you with that. At the end of this article, you will get to know how can you create your own package in the NPM registry. Enough talking, let’s jump into the coding. I hope you will find this post useful.

We will see how we can set up our MXChip and get it working to send Temperature, Humidity, Pressure, Audio, Decibels etc information to our Azure IoT Hub. Once we have received the data in our Azure IoT Hub we can do anything with that.

MXChip-Azure-IoT-Arduino

Assembly

Asp-Net-Core-API-TDD-Agile-Repository-Pattern-Unit-Of-Work

This is a complete Asp.Net core API solution with Test Driven Approach, and repository pattern with Unit of work.

ngVirtualScrolling

Here in this post, I am going to explain a bit about one of the Angular 7 feature, which is Virtual Scrolling. At the end of this article, you will have an application which fetches the real data from the database and binds it to the UI by using Virtual Scrolling feature.

Domain-to-Domain-Data-Transfer-Sender-App

Domain-to-Domain-Data-Transfer-Receiver-App

npm-vs-npx

The detailed article can be found here: https://sibeeshpassion.com/load-data-from-database-using-web-api/

CRUD-MVC-WebAPI

Azure-Stream-Analytics-Azure-Function-Output

Let's see how we can set up an Azure Function as an Output job topology of an Azure Stream Analytics job. Isn’t that sound interesting?

M4MoviesApp

An Angular application which uses Asp.net core and TMDB as a back end. This includes login, register, guard features. The authorized users can add movies to their watch lists and update the comments, and the visitors can see the movie lists from TMDB and filter them.

The Microsoft Azure has a lot to offer when it comes to Cognitive Services, trying out them is really fun. Here in this article, we are going to see how we can detect and read texts from an image and show it in the display using the Cognitive Service Computer Vision AI. The service Computer Vision has it's own machine language running which helps us to do our task in an easy and effective manner. It uses the technology Optical Character Recognition and extracts the words or text to a readable format. All we have to do is, using the service and write some custom codes as per our requirement.

Azure-AI-Image-Text-Reader

I assume that you are working in Office UI Fabric React components and you wanted to create a horizontal menu component in your react solution. Unfortunately, the normal Nav component in the Office UI Fabric doesn’t give you this option. And somehow you reached here by searching for a solution to implement the horizontal menu. You are in the right place then.

Office-UI-Fabric-React-Horizontal-Nav

Here in this post, I am going to explain a bit about one of the Angular 7 feature, which is Drag and Drops. At the end of this article, you will have an application which fetches the real data from the database and binds it to the UI and then performs multi-directional drag and drops.

ngDragDrop

This is a custom Http Base Service in Angular, Typescript which can be used to call any external Apis

Microsoft-Teams-App-with-Vuejs-and-Azure

Vue

AzureCognitiveServicesFaceAPI

Angular-6-Front-End-Asp-Net-Core-Back-End-With-SQL-Sample-App

Angular-Custom-Http-Base-Service-to-Call-External-Api

This repository contains the YAML files for deploying the .net6 web application to Azure Web App Service.

ReactJsBasics

HTML

deploy-.net6-azure-web-app-yaml

Azure-IoT-Dev-Kit-MXChip-Translator

Makefile

S4Speech

Speech to text, text to speech, text api, speech api, Azure, Azure Cognitive Service

ExportHTML

Chat_App_Using_NodeJS_And_Socket_io

HTML

JaveScript-Jasmine

A simple application which demos Azure cognitive services Bing Speech API and Text Translator API

Azure-Cognitive-Services-Bing-Speech-And-Text-Translator

Post message to Microsoft Teams Channel using Python and Webhook.

sibeesh.dev

CSS

msteams-webhook-py

Python

Azure-Media-Service-App

The detailed article can be found here: https://sibeeshpassion.com/working-with-azure-media-service-account/

arm-templates

Create an Azure Web App, Create a storage account, Create a container inside the storage account, Create SQL server, Create SQL server database, Set the username and password for your database, Set the firewall rules for your Azure SQL server and allow Microsoft Azure IPs, Create Azure Key Vault, Create Azure Key Vault Access Policy for the user, Allow the azure resources to use the Key Vault, Save the database connection string as Azure key vault secret, Save the storage connection string as Azure key vault secret, Save other static secrets, All the resources use paramters from the parameter.json file, All the resources use the tags assigned in the parameter.json file

ReactJs-Bullettin-Board

This is a learning project I have created as part of the React JS learning course in LinkedIn Learning

vue-resume

Vue

Dynamic-Tabs-In-AngularJS

The detailed article can be found here: https://sibeeshpassion.com/wcf-service-unit-tests-using-nunit-with-rhino-mocks-and-entity-framework/

CSS

WCF-Unit-Tests-NUnit-Rhino-Mocks

Angular-PowerShell-Bash-CMD

An ideal way to execute commands from Angular application using node as a middle ware

The detailed article can be found here: https://sibeeshpassion.com/web-api-with-angular-js-3/

Web-Api-With-Angular

Play-with-Images-in-Azure

The detailed article can be found here: https://sibeeshpassion.com/upload-files-to-azure-media-service-from-server-side-in-mvc/

azure-cognitive-services

Visual Studio Angular template with .Net 5 and Angular 11

visual-studio-angular11-template-with-net5

MVC-Upload-and-Download

The detailed article can be found here: https://sibeeshpassion.com/knockout-js-validations-without-a-plugin-and-using-a-plugin/

KnockoutJS-Validations-with-and-without-Plugin

The detailed article can be found here: https://sibeeshpassion.com/tagit-control-with-data-from-database-using-angular-js-in-mvc-web-api/

Load-Tags-From-DB-Using-Angular-JS-In-MVC

The detailed article can be found here: https://sibeeshpassion.com/upload-images-to-azure-media-service-from-client-side/

Upload-Images-to-Azure-Media-Service

The detailed article can be found here: https://sibeeshpassion.com/time-zone-calculator/

Time-Zone-Calc

This is a sample C# Asp.Net core Asp.Net core repostitory pattern using Unit of Work, a class library which is independent of any layer.

Sample-Asp.Net-Core-Repository-Pattern-Unit-of-Work

GitHubFuncs

I am showing the image of the titles of my recent 5 blog posts on my GitHub home page automatically. I did it using the Azure Function, Azure is Love, right?

WebAPI-help-page

The detailed article can be found here: https://sibeeshpassion.com/working-with-api-help-page-controller-action-description-in-web-api/

Chart-Widgets-With-Server-Side-Data-In-MVC-Using-Angular-JS-And-Web-API

The detailed article can be found here: https://sibeeshpassion.com/chart-widgets-with-server-side-data-in-mvc-using-angular-js-and-web-api/