11 projects categorized with "DevOps"
- .NET 8 Web API Membership system + Email verification - Azure and GH Pages
03-May-2024.NET 8 Web API at Azure with C# using Entity Framework Core + MS SQL consuming an Angular 14 Client at GH Pages - serving as a Membership System
Unit Testing:
- Karma + Jasmine - Used with the Angular Client
- The Angular Client at GitHub
- The source code of the Web API is hosted at Azure Repos / Private access only
The Web API was made without the ASP.NET Core Identity using custom JWT middleware
Functionality of the Web App
- JWT authentication with Refresh Tokens
- Refresh token rotation
- Revoked token reuse detection
- Email sign up and verification
- Forgot password and reset password functionality
- Role based authorization with two roles "User" and "Admin"
- CRUD Account management routes with role based access control
Tech used for building the Web App
- C#
- The .NET 8 Web API is hosted at Azure App Service
- DevOps by Azure App Service + Repos for the .NET 8 Web API
- The Angular Client is hosted at GH Pages
- DevOps by GitHub Actions + Pages for the Angular Client
- MS SQL as the Database for both Dev + Prod
- CORS Policy implemented by .NET
- JWT Token for access secure routes
- Refresh Token by HTTP only Cookie to generate new JWT Tokens
- Swagger API documentation with routes
- .NET Core 2.2 Web API with Basic Authentication - Azure and GH Pages
02-April-2024ASP.NET Core 2.2 Web API with C# consuming from a Vue 3 client using Basic Authentication for Login
The API is hosted at Microsoft Azure App Service and the Vue 3 Client at GitHub Pages
For the Web API a CI / CD Pipeline was implemented by Azure DevOps and deployed to Azure App Service
A Login system by a Vue client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and a Basic Authorization Header
- The Vue 3 Client at GitHub
- The source code of the Web API is hosted at Azure Repos / Private access only
- .NET Core 2.2 Web API with JWT Authentication - Azure and GH Pages
02-April-2024ASP.NET Core 2.2 Web API with C# consuming from a Vue 3 client using JWT Authentication for Login
The Vue 3 Client is hosted at GitHub Pages
The API is hosted at Microsoft Azure App Service
For the Web API a CI / CD Pipeline was implemented by Azure DevOps and deployed to Azure App Service
A Login system by a Vue 3 and a Angular client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and Authentication by a JWT with the Baerer schema in the Authorization Header
- The Vue 3 Client at GitHub
- The source code of the Web API is hosted at Azure Repos / Private access only
- Next.js - DevOps by GitHub Actions and Pages
15-February-2024Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages
Try the demo...
The code at GitHubA Create Next App with TypeScript using GitHub Actions and Pages as DevOps. This Next.js Web App is one of the default starters with a lot of useful links for learning Next.js.
- Next.js Web App with JWT Auth
15-February-2024A Next.js Jamstack Web App with JWT Authentication hosted at Vercel
Try the demo...
The code at GitHubThe Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and JWT Authentication.
This Next.js Jamstack Web Application is hosted at Vercel Cloud and uses continuous build and deployment
- Next.js Web App with Basic Auth
15-February-2024A Next.js Jamstack Web App with Basic Authentication hosted a Netlify
Try the demo...
The code at GitHubThe Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and Basic Authentication.
This Next.js Jamstack Web Application is hosted at Netlify Cloud and uses continuous build and deployment
- Nuxt 3 Hello World Web App at GitHub Pages
14-February-2024Nuxt 3 Hello World Web App ready for TypeScript and hosted at GitHub Pages using GitHub Actions as DevOps
Try the demo...
The code at GitHubA Hello World by Nuxt v3.0.0 using GitHub Actions and Pages for DevOps. This Nuxt Web App is a minimal default starter
- Nuxt 3 Ionic Web App at GitHub Pages
14-February-2024Nuxt 3 Ionic TypeScript Web / Mobile Hybrid App using Capacitor IOS and Android. This starter template is hosted at GitHub Pages using GitHub Actions as DevOps
Try the demo...
The code at GitHubThis starter template is ready for developing Web / Mobile Hybrid Apps using Nuxt v3.0.0, Ionic, Capacitor, Ios and Android
- Node Express ORM Role based Membership system Email notification
13-February-2024Node Express Sequelize ORM React TypeScript MySQL Role based Membership system using Email notification and Forgot Password
The Node Web API is hosted at Microsoft Azure App Service with the Free App Service Plan
The clients are hosted at GH Pages and at a traditional Web Hotel
The React client at GH Pages uses DevOps. The React HashRouter solves most 404 / Browser refresh issues at GH Pages
- Try React Client - GH Pages ...
- Try React Client - Web hotel...
- Try React TypeScript Client - Web hotel ...
A Membership System with Authentication, User registration with Email verification and Forgot Password functionality. Secured by HTTPS, CORS and Bcrypt. For Authentication JWT access Tokens are used securing the private routes of the Web API. For testing the authentication / access token will expire after 15 minutes and a new Login is needed.
Volta was used for Node Version Management switching between Node versions
- The Web API at GitHub
- React Client at GitHub - GH Pages
- React Client at GitHub - Web hotel
- React TypeScript Client at GitHub - Web hotel
- DevOps and Headless CMS
10-August-2023DevOps and Git-based Headless CMS used with my Blog
Note: The Decap CMS was formerly known as Netlify CMS and seems to keep most / all of the features of Netlify CMS.
This Blog is using a CI / CD Pipeline as an important concept of DevOps. An Editor of the Blog can use Git-based CMS for content administration while an Administrator or Developer of the Blog can use GitHub as a CMS as well as VS Code.
The CI / CD Pipeline was implemented by
- The code of the Blog at GitHub
- Decap Git-based CMS / GitHub as a CMS / VS Code
- Netlify Cloud which hosts the Blog
A few examples of how it works:
When a developer makes a change to the code of the Blog and commit the code to GitHub by VS Code or GitHub as a CMS an automated Build will happen and if no errors are detected the created files from that build will be deployed to Netlify Cloud where the Blog is hosted.
An Editor saves a Post of the Blog ( A Markdown file) by the Decap / Netlify CMS system which starts the build and deployment by a commit to GitHub.
In addition to Headless Git-based CMS I have experience with API driven CMS listed below
- Strapi - Based on Node.js
To get more experience with Git based CMS a copy of the Gatsby Blog is hosted and administrated by Gatsby Cloud and Tina CMS using another repository at GitHub.
- Hello World with Docker and GitHub Actions
31-August-2022Hello World with Docker and GitHub Actions
This simple action example prints "Hello World" to the log or "Hello" + the name of a person to greet
The code at GitHubAs a start, I am learning Docker by reading and using the online Docker Playground instead or installing Docker Desctop at my local system.