Live Online Shop (Ecommerce) by ASP .NET Core 8 MVC and SQL

Explore the structure of an online shop, blending bootstrap front-end design with asp.net mvc back-end development and templates for product details, cart, and checkout.

Design and bootstrap an ASP.NET Core MVC project in Visual Studio 2022 by selecting the model-view-controller template, naming the online shop solution and project, and running it with IIS Express.

Explore how the Entity Framework simplifies database access in MVC apps, contrasting it with traditional .NET approaches and showing how scaffolding speeds up data operations for dynamic websites.

Learn how to use the database-first approach with Entity Framework Core in ASP.NET Core 8 MVC, generating DbContext, models, controllers, and views from an SQL Server database.

Install NuGet packages to enable Entity Framework Core integration, including MVC code generator, SQL Server, and design tools, then scaffold the DbContext and models for the online shop project.

Scaffold DbContext, DbSet, and models from the online shop database using Visual Studio and the package manager console, then prepare for generation of controllers and views in the next step.

Apply ASP.NET core areas to organize controllers, views, and models by feature, creating an admin area with dedicated routing in program.cs, and scaffolding the admin section for scalable project structure.

Scaffold a menu controller and views using Entity Framework and the DbContext, tying models to the database, and expose index, create, edit, details, and delete in the admin area.

Customize the admin layout by creating an admin area, adding home and menus controllers, and wiring views to a shared layout with header, navigation, and footer.

Add a select tag (combo box) to the menu create and edit views, wiring the type column to top or bottom options using ASP.NET Core 8 MVC and SQL Server.

Load and render dynamic menus from the database using a dbcontext, filter by top or bottom types, and integrate them into the layout, including the top and bottom menus.

Create and restore a backup of your ASP.NET Core ecommerce project to recover from errors. Copy the solution, label backups with date, and rebuild to verify functionality.

Learn to customize the banner views in the live online shop course by adding a browse button for image selection and a position combobox to streamline create and edit menus.

Learn to load and save an uploaded image in the create view, using a file input and multipart form data, then save the image to wwwroot/images/banners.

Replace the image name column with an actual image in the index view by adding an img tag, setting src to images/banners, and applying Bootstrap thumbnail styling.

Add an image preview to the edit view by binding the image name, using an input type file, and rendering a Bootstrap image thumbnail from the root images banners.

Learn to implement image upload in the edit view of an ASP.NET Core MVC banner editor by handling multipart form data, replacing old images, and preserving image names when unchanged.

Demonstrates implementing the delete view and delete confirmed action to remove a record and its image, including dynamic image preview, controller changes, and banner model updates.

Load the banner data and slider content into the home controller using the online shop context DbContext, then pass the data to the index view with view data.

Customize the create view to prepare slider and banners HTML for the main page, using the index.html template and loading data in the controller for the ASP.NET MVC shop.

Learn to load sliders from the database in an ASP.NET Core 8 MVC app using C# code, filter by position, sort by priority, and render image, title, subtitle, and link.

Learn how to write C# code to load banners from the database, render a two-banner slider with title, subtitle, and optional links in an ASP.NET Core MVC app.

Design and scaffold product and product gallery tables in SQL, generate the EF Core DbContext, and create admin controllers and views for managing products.

Learn to save a product’s main image in an ASP.NET Core MVC app by handling the IFormFile, naming with a GUID, saving to wwwroot/images/banners, and displaying it.

Customize the edit view by adding image previews for the main image and gallery, wiring file inputs, and loading product gallery data via the db context in ASP.NET Core MVC.

Learn to delete gallery images by id in an ASP.NET Core MVC app, removing the file from the ww root and updating the product gallery in the controller.

Learn how to implement saving main and gallery images from the edit view to the database using multipart form data, file inputs, and updating the product gallery.

Delete a product record in asp.net core eight mvc by deleting the main image and gallery images, then removing the product and its galleries from the database.

Learn how to create and wire the shop index view for the products controller in an asp.net core mvc project, connecting the product model to the db.

loads and displays product price and discount, handles nullable price and discount, computes final price, shows original and discounted prices when applicable, and formats values to two decimals.

Build a product search in an ASP.NET Core MVC app by filtering titles and tags with EF like, ordering by title, and wiring layout search box to pass the query.

Build a dynamic product details page in ASP.NET Core 8 MVC, loading a product by id, its gallery, and core info with breadcrumbs and related products.

Learn to load and display product images in an ASP.NET Core MVC shop by building a gallery loop, binding image sources, handling nulls, and rendering a main zoom image.

Resize product images to a fixed 490 by 590 pixels to align main and gallery images, using an online image resizer and updating product entries.

Learn to load and display complete product data in an ASP.NET Core MVC ecommerce app, including title, description, discount pricing, stock status, reviews, and dynamic tags.

Learn to load and configure the product info tabs, including description, reviews, tags, additional information, and custom tab video, in the live online shop app.

Fix the products page width by removing the full description and video URL columns from the admin product view, leaving only key fields like title, price, image, and quantity.

Add a new product section by loading up to six new products, excluding the current one, and binding them to the product details view, ordered by id descending.

Learn how to load and render new product items dynamically in a shop, using a for-each loop to generate product cards with images, links to product details, and discount tags.

Learn to implement a product review section by creating a comments table with id, name, email, comment text, product id, scaffold the DbContext and model, and load reviews.

Learn to display saved product comments by iterating over reviews, showing the username, date, and text, with a dynamic review count in ASP.NET Core 8 MVC and SQL.

Learn to implement saving user reviews in an ASP.NET Core MVC app by posting a form to the products controller, validating input, and persisting comments with date and product id.

Scaffold the admin comments module in an ASP.NET Core MVC project by generating a comments controller and views with Entity Framework, then integrate it into the admin layout for reviews.

Create and scaffold the user table in the online shop database, including id, email, full name, password, admin flag, and recovery code, using scaffold dbcontext.

Create and style a user registration form in an ASP.NET Core 8 MVC app by adding an account controller and Razor view with an Entity Framework context.

Learn how to save registration form data to a database using C# in an ASP.NET Core MVC app, including HTTP POST handling, model validation, email checks, and preventing duplicates.

Implement a login view in an asp.net core mvc app using c#, with a login view model (email and password), validation, user lookup, claims-based authentication, and cookie sign-in and sign-out.

Learn to complete the login process by updating the top navigation with user menu items, handling authenticated states, and wiring logout, login, and registration flows in ASP.NET Core MVC.

Create a password recovery view in an ASP.NET Core 8 MVC app by building a recovery password view model with an email field, a Razor view, and a controller action.

Design the recovery view, validate email input, generate and store a five-digit recovery code, and send it to the user via smtp Gmail using an app password.

Design a reset password flow in ASP.NET Core MVC by building a reset password view and ViewModel with email, recovery code, and new password, wiring to the account controller.

Implement update cart action on the server and add a cart view model with Product ID and count. Wire it into the cart controller and install Newtonsoft.Json for JSON handling.

Update cart action updates shopping cart via ajax in the cart controller using a product id and count, serializes the cart to json in cookies, and refreshes the user interface.

Learn to update the mini cart with ajax by sending update and get mini cart requests, refreshing the partial view and the shopping cart with current items, subtotal, and total.

Implement the small cart action and ajax mini cart in an ASP.NET Core MVC ecommerce app. Load products by IDs, calculate counts and prices, and update the mini cart.

Finalize the mini cart by updating cart items through the product view model and a partial view, using Ajax to compute subtotal, total, and formatted prices.

Learn to build the shopping cart view in an ASP.NET Core 8 MVC app, including the mini cart, cart index, and wiring the cart controller with view models.

Build the cart's index view in an ASP.NET Core 8 MVC ecommerce app, using the product card view model and a shared get products in cart method to render data.

load cart data from the database into the shopping cart view in asp.net core mvc, render items with price and quantity, and enable ajax updates and cookie-based cart clearing.

Update the product quantities in the shopping cart and recalculate the grand total using row sums, format with two decimals, and show a cart empty alert when needed.