Bootstrap 5 Components in C# Razor Pages
This site is a collection of Bootstrap 5 components implemented using C# Razor Pages.
Introduction
My name is Dean Leigh and I am what would be traditionally called a 'web designer'.
I created this site as a side project to bring myself up to speed with a combination of technologies that help you get a simple template based website up and running quickly and easily.
Azure Hosting
The site is hosted on an Azure Web App. The benefit of this is the tight integration with Visual Studio, Visual Studio Code and CI/CD via GitHub.
Razor Pages
Razor Pages are an .Net technology written in C#.
They are an intuitive template system for creating multi page web apps.
You can find out more about Razor Pages here:
Introduction to Razor Pages in ASP.NET Core
Bootstrap 5.3
Bootstrap is a CSS framework written in Sass. I usually write my own CSS and Sass but recently Bootstrap 5 introduced CSS Grid for it's grid system.
As many C# / .Net developers already use Bootstrap I decided to experiemnt with the new grid system which is still ion beta (it needs to be enables in Bootstrap Config).
Stacked Cards in a Grid
The Quantified Cactus: An Easy Plant Soil Moisture Sensor
This project is a good learning project to get comfortable with soldering and programming an Arduino.
A beautiful switch-on book light
Use craft items you have around the house, plus two LEDs and a LilyPad battery holder, to create a useful book light for reading in the dark.
Bling your Laptop with an Internet-Connected Light Show
Create a web-connected light-strip API controllable from your website, using the Particle.io.
Create a Compact Survival Kit with LED Track Lighting
Use an Altoids tin with Chibitronics sticker LEDs to create a light-up compact that doubles as a survival kit for the young hipster