ASP.NET Core 5.0 - Image Carousel Project

This project uses Bootstrap Carousel and Bootstrap Native to implement a lazy loading slideshow of related images. The project seeds sample data to demonstrate multiple parents with multiple child images. I implement the KenHaggerty.Com.SingleUser NuGet package which provides log in and log out pages for a single user to access the Admin pages. Admins can upload new images, sort images, delete images, and edit the alt, title, source, source url, and caption properties. Anonymous users can only view the slideshow.

Rather than uploading the original image then cropping and encoding on the server, I use Croppie, a JavaScript plugin to crop and encode the image in the browser before uploading. Croppie can be configured to allow zoom and resizing of the selection viewport. The type, size, format, and quality of the result is also configurable. I configure the type as base64 which returns the cropped image encoded as a base64 string. The image string is uploaded and stored in the database.