Skip to main content

Posts

Showing posts with the label WebApps

Creating a URL Shortener Deplyment on Azure (NodeJS) part-2

For reference to the previous post, please refer to this link : Connecting-to-our-Database Now let's head to the package that we added config in the npm install command, what it does is that it will look for default.json the file inside config (folder) which we created earlier that will consist of the global variables for our project. Now let's open that default.json file and place the below snippet in it: { "mongoURI": "<ConnectionStringHere>" } We'll replace the Connection String from the cluster's string from our Atlas Account (if you still don't have an account, click here to create one) After Logging in to the Atlas, create a free Cluster and add a database user in it Now use the below code in the db.js the file inside the config (folder): const mongoose = require('mongoose'); const config = require('config'); // Grab the Connection string URL from the default.json file const db = confi...

URL Shortener with GitHub-Actions and Azure (NodeJS) part-1

Creating a URL Shortener using NodeJS Prerequisite Understanding HTML CSS NodeJS Software Installed A text editor (Prefereably Microsoft Visual Studio Code ) or some other text editor NodeJS Runtime Hardware Resource Internet Connection 😂 Abstract Getting to know about how to deal with a NoSQL Database (here in this repo, we'll use MongoDB ). Deploying the webapp to Azure via GitHub Actions . Table of Content Resource Links Demos - 1-Setting-Backend - Setting-up-Directory-structure - Building-a-basic-Front-End - Connecting-to-our-Database - Setting-up-the-Routes-for-the-app - Pushing-Project-to-GitHub-and-Azure Demos We'll cover the making of this whole repository in small demos If you didn't covered the basic EJS project repo, then visit this link 1-Setting-up-the-Backend On the Command line navigate to the directory where you want to save the project on your system, then type in the following commands m...

ASP .NET Core Website with VS 2019 IDE

Welcome back Readers, here this article we’ll learn about, how to create a Website using Microsoft Visual Studio IDE (note: it is now the Text Editor Visual Studio Code). We’re going to use Visual Studio 2019 Community Edition for Windows. So, let’s get started by opening Microsoft visual studio. And if you haven’t downloaded the software then click here to setup the development environment. I’ve enabled the Dark theme, why cause I like it 😀, you’re free to select a theme of your choice. After opening Visual Studio, click on Create a New Project On the next screen, Search for “Web” in the top given search bar and then select ASP.NET Core Web Application, then simply click on Next Give your project a name, then click on Next On the next screen, Keep the setting s as it as and select Web Application from the choices, then again click on Next. You’ll see something similar to the below image, the theme might be different. 😅 Le...

Hands-On ASP .NET Core WebApp

Here come the most awaited article on how to get started with the Hands- On with the ASP .NET Core via Visual Studio Code (VS Code: Text Editor) and a command line prompt. So if you’re new to the ASP .Net Core, then do have a look at this article . Though the Command line terminal is integrated inside VS Code, still we’ll use MS Command prompt. In the later articles we’ll use the integrated VSCode Interface to interact with the Terminal So to get started with ASP .NET Core: Open the Command prompt on windows or Terminal on Linux or bash on Mac accordingly. Navigate to the directory where we want to create our first Web App. Run the following command (without “” quotes): “dotnet new webApp -o myWebApp --no-https” “cd myWebApp” Now that we’ve run the above commands we can see that a folder is created in the name of “myWebApp” and it has a basic sample Web Application of the Application. Now let’s run the application by using the Command Line, and see what’s inside of t...
Counter Widget