Live Online Shop (Ecommerce) by ASP .NET Core 8 Razor Pages

Explore the structure of an online shop with razor pages, front-end design using templates and bootstrap, and back-end code, including cart, checkout, and product pages.

Create a new razor pages project for the online shop using asp.net core 8. Configure Visual Studio settings, explore the structure (wwwroot, pages, shared, layout), and run with IIS Express.

Discover how routing maps URLs to Razor pages within a folder-based structure and access index, privacy, and employees pages.

Discover how razor pages layouts structure sites with header, content, and footer. Explore three layout types, including sidebars, and how view start applies or removes the layout across pages.

start by building the layout page for the ecommerce project, creating a default and admin layout with razor pages and templates from the ww root, and render body sections.

Explore how the entity framework simplifies database access for razor pages, contrasting it with ADO.NET, and learn how scaffolding tools speed up working with dynamic websites.

Explore the structure of razor pages and the Entity Framework, focusing on the DbContext, DbSet, models, and their role in connecting the database to the application and data flow.

Discover the database-first workflow in entity framework: create the sql database, install nuget packages, auto-generate the dbcontext and models, and scaffold razor pages for CRUD operations.

Create and connect an SQL database, define a menus table with id, title, link, and type, and implement dynamic top and bottom menus using Entity Framework Core in MVC.

Install and configure NuGet packages for Entity Framework Core in an ASP.NET Core 8 Razor Pages project, including SQL Server provider, tools, and design packages, enabling database-first development.

Learn how to scaffold a DbContext, model, and DbSet for the online shop menu table using Entity Framework Core with Razor Pages, including SQL Server configuration and column constraints.

Scaffold and add razor pages to manage menu items with crud operations in an asp.net core 8 razor pages app, using the admin folder, menu model, and online shop context.

Learn how to customize the admin layout in the live online shop course, including loading menus, creating an admin home page, and connecting menus to the layout.

Add a select tag to the menu create and edit pages to choose the menu type (top or bottom) with asp-for binding and options.

Inject a DbContext and load menu data from a SQL database to render dynamic top, off-canvas, header, and bottom menus with anchors and links using foreach loops.

Create the banners and slider table, including id, title, subtitle, image name, priority, link, and position, then scaffold admin razor pages and seed data.

Add multi-line banner title and subtitle with text areas on create and edit pages, binding to the title and subtitle fields in ASP.NET Core 8 Razor Pages.

Customize the create and edit banner pages in ASP.NET Core 8 Razor Pages by adding a file chooser for images and a position select, then bind inputs for saving.

Save the selected image to the server in a create page, using multipart form data, C# code, and database storage.

Add an image column to the banners index page by rendering thumbnails sourced from the image name column using a Bootstrap thumbnail image tag with max width 100 pixels.

Learn how to add an image preview to the edit page by displaying the current banner image using a dynamic image name and bootstrap thumbnail, making it responsive.

Learn to upload and replace images on an edit page with C# using multipart form data, including image_file handling, preview, deleting existing image, generating a new uid, and saving.

Write C# code in the delete page to remove a banner record and its image from the server. Use banner.image_name and wwwroot/images/banners and save changes to the database.

Design and load banners on the index page of an asp dot net core 8 razor pages ecommerce app, integrating header, slider, banners, and footer with dynamic data.

Load slider data from the database via dbcontext, filter by slider, order by priority, loop through items, and render images and text on the index page, converting newline to breaks.

Load dynamic banners and sliders by querying banner lists, looping through items, and binding images, headings, subtitles, and shop now links in a Razor Pages ecommerce app.

Design a products and gallery database in sql with tables, keys, and fields like title. Scaffold ef core dbcontext and razor pages for admin to manage products and galleries.

Learn to customize the product create page by adding a multiline description text area, image name field, and file choosers for main and gallery images, using multipart form data.

Learn to save the product's main image in ASP.NET Core by using IFormFile, creating a products folder, generating a GUID-based file name, saving to wwwroot/images/products, and showing a preview.

Learn how to save main and gallery images in a C# ASP.NET Core Razor Pages app, handling IFormFile[] uploads, mapping to product galleries, and persisting to the database.

Customize the edit page by adding main image and gallery selectors, implement image previews, load product and gallery data, and use bootstrap thumbnails for responsive display.

Learn to delete a gallery image in ASP.NET Core 8 Razor Pages by posting the image id, removing the file, deleting the gallery record, and redirecting to the edit page.

Learn to customize the product edit page by saving main and gallery images, handling image inputs, and implementing post handlers in ASP.NET Core 8 Razor Pages.

Delete a product and its images in asp.net core razor pages by using C# to remove the main image and gallery images from the server and from the database.

Design a shop page in razor pages, load products via dbcontext in Get, and display them in descending order by id with a top breadcrumb.

Design the shop main page in ASP.NET Core 8 Razor Pages, adjust layout and navigation, and fix images. Bind to the shop model and DbContext to display and sort products.

Learn how to load the main product image on the shop page by binding the image name from the database, iterating through products, and rendering dynamic images with a dbcontext.

Calculate the discount percentage from price and discount, handling nullable decimals. Ensure price is greater than zero, then display the percentage as a top corner tag.

Add price handling for products by loading current and discounted prices, showing old price when discounts exist, and rendering title and description in the product list and admin views.

Write C# code to search products on the shop main page by title and tags using lambda expressions and the like function in entity framework.

Learn to design a product details page and load product data by id with asp.net core 8 razor pages, including product details, galleries, and related products.

Learn to dynamically load the main product image and gallery images using model data, and fix breadcrumb links in an ASP.NET Core Razor Pages product detail page.

Resize product images, including the main and gallery images, using standard sizes, bulk image resizing, and admin workflows to ensure correct order and loading in the online shop.

Learn to dynamically load product data in an ASP.NET Core Razor Pages ecommerce app, including main and gallery images, pricing, stock status, and product descriptions.

Learn to dynamically load and display product info tabs (description, reviews, tags, and a custom YouTube video) using ASP.NET Core 8 Razor Pages, with tab panes and data binding.

Learn to customize the product columns on the admin index page by removing unused fields, adding an id and image column, and rearranging headers.

Design the new products section by writing code to load dynamic product data and galleries, exclude specific ids, order by id descending, and display the latest six items.

Connect shop items to product details by ID, load images and titles, and create new products using a for loop; debug null reference errors with breakpoints.

Design the comments section for product details, create the comments table and model, and load comments with C# using EF Core DbContext, ordered by creation date descending.

Load and display product reviews by dynamically counting comments and rendering each review with username, date, and text, using a for loop sorted by create date descending.

Learn to save and load reviews by wiring the product details form to an on post handler, validate input, and persist comments with the product ID and timestamp.

Scaffold and manage the comments in the admin area of an ASP.NET Core 8 Razor Pages app, creating index, details, edit, and delete pages linked to the comment model.

Design user table in sql server with id as primary key, email, full name, password, is admin, registered date, recovery code; scaffold dbcontext connecting to asp.net core razor pages shop.

Create a register page in ASP.NET Core Razor Pages using Entity Framework, including adding the user table and updating the DbContext, then save user data.

Learn to write C# code that saves register form data to a database, validates inputs with regex email checks, guards against duplicate emails, and persists via dbcontext save changes.

Design and implement a login page in an ASP.NET Core 8 Razor Pages project by adapting the register page, creating a login model, username and password bindings, and validating inputs.

Demonstrate c# code to build a login page with a password input, login button, and post async authentication using claims, identity, and cookie authentication.

Design a top user menu with account, login, and logout links in the default layout. Use identity authentication to show or hide items and implement logout.

Design and implement a password recovery page in an ASP.NET Core 8 Razor Pages app, reusing login code, using email as username, and wiring the submit button with DbContext updates.

Learn to implement password recovery in asp.net core razor pages by validating email, locating the user, generating a recovery code, and sending it via smtp using gmail app passwords.

Learn to design and implement a reset password page in an ASP.NET Core 8 Razor Pages app, including loading the email, validating the recovery code, and securely updating the password.

Explore the cart structure in a two-part front-end and back-end flow, updating item counts and the mini cart via jQuery Ajax and a partial view.

Learn to update the shopping cart count using ajax, with front-end and server-side steps, including add to cart, update cart method, and updating the mini cart UI.

Implement the update cart method on the server side, using dbcontext to persist changes, receiving product id and count from the client via ajax mapped to a cart view model.

Discover how the update cart action processes an ajax request with product id and count, updates the cart in cookies using json, and reflects changes in the UI.

Learn to update a mini cart in asp.net core 8 razor pages using ajax and partial views, with a product cart view model for count, image, title, price, and totals.

Explore the get small card method step by step, debugging the update card flow and rendering the mini cart via a partial view, including cookie data.

Build a mini cart ui that updates via a server-side partial view. Update and remove items by iterating the product card view model and formatting the total with two decimals.

Design the shopping cart page, detailing the view cart workflow, with product image, title, price, quantity, and total, plus grand total, subtotal, coupon discounts, and shipping calculations.

Write C# code to load shopping cart data on the cart page by defining a ProductCartViewModel, retrieving products in cart (from cookies), and wiring view model data for display.

Build a shopping cart in a Razor Pages app using C# and ASP.NET Core 8; load data, render items with image, title, price, and quantity; update or clear via cookies.

Learn how to update quantities and the grand total in the shopping cart using c# code, remove coupon and shipping columns, and present the final total.