If you like or are using this project to learn or start your solution, please give it a star. Thanks!
It is a dessert ordering application.
It was inspired by the character Ilvira, who appeared in the animated movie Secret Magic Control Agency released on Netflix.
| Components↓ |
Layouts↓ |
Hooks↓ |
Utils↓ |
Controls↓ |
| index.js |
Table |
useForm |
index |
Input |
| OrderedDessertItems.js |
Popup |
|
|
Button |
| OrderForm.js |
Notification |
|
|
Select |
| OrderHistory.js |
Form |
|
|
|
| SearchDessertItems.js |
|
|
|
|
| Asp.Net CORE Web API |
React.js App |
| Project Creation |
Create React js App. & App Structure. |
| Define DB Model |
Install Material UI. |
| Add Foreign Key in EF Core |
Design a Form for Master (Order Summary). |
| DB Migration |
Populate Customer DropDown with the Collection from the API. |
| Create API Controller with CRUD Web Methods |
Make HTTP Request to Web API from React JS & Enable CORS. |
| Make Post Req. / Insert an order |
Add Component to list and search all Dessert items. |
| Retrieve/ Fetch Existing Records |
Select Dessert Items to the Order. |
| Delete an Order |
Create Component to List Select Dessert Items and managing them. |
|
Calculate Order Grand Total. |
|
Form Validation. |
|
Create an Order or Submit an Order. |
|
Retrieve and Display existing Order. |
|
Update an entire Order. |
|
Notification Component. |
|
Delete an entire Order. |
- npm install @material-ui/core
- npm install @material-ui/icons
- npm install axios
- npm install @material-ui/lab