React with .NET Web API – Basic App Tutorial

Create a basic React application integrated with a .NET Web API component using the 'ASP.NET Core with React.js' project template in Visual Studio 2022 Community Edition. Build a fun, interactive app that allows users to rank items by dragging and dropping them onto a grid, where each cell represents a ranking position. Learn to develop the front-end with React and the back-end with C#, covering topics such as project setup, server-side API creation, React component development, navigation functionality, image handling, drag-and-drop implementation, and data initialization. Gain practical experience in full-stack development while creating an engaging ranking application for movies and albums.

⌨️ Introduction
⌨️ Project Creation
⌨️ Create the Server-side .NET Web API Code in C#
⌨️ Create 'RankItems' React Component
⌨️ Create Navigation Functionality
⌨️ Write Code to Import Movie Images
⌨️ Write Code to Display Movie Images
⌨️ Write Code for 'RankingGrid' React Component
⌨️ Write Code for Drag and Drop Functionality
⌨️ Write Code for Ranking Albums
⌨️ Write Code for Initialising Ranking Items Reload Button