Building MVC Application with CRUD operation

Hi Neha, 

do refer to my below articles

.Net core Web API crud
https://www.c-sharpcorner.com/article/net-core-3-1-web-api-crud/

React Js 
https://www.c-sharpcorner.com/article/reactjs-crud-using-net-core-web-api/

To achieve this, you can start by setting up your MVC application in Visual Studio and connecting it to an SQL database. Here's a brief guide to help you get started:

Back-end (MVC Application)

1. Create Models for Customer, Products, Sales, and Store with data annotations:

public class Customer
{
    [Key]
    public int CustomerId { get; set; }
    [Required]
    public string Name { get; set; }
    // Add other properties and annotations
}

// Repeat the above for Products, Sales, and Store models

1. Implement CRUD operations in your Controllers for each entity.

Front-end (React JS with ES6)

1. Create React components using ES6 classes and JSX for each entity.
2. Implement controlled components with state management:

class CustomerComponent extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            customers: []
        };
    }

    // Implement methods to handle state changes
}

1. Use AJAX calls in React components to interact with the back-end:

fetch('api/customers')
    .then(response => response.json())
    .then(data => this.setState({ customers: data }));

1. Utilize Semantic-UI-React modals in your views for a better user experience.

By following these steps, you can create a robust MVC application with SQL database integration and a React front-end that meets your requirements.