Skip to content

Releases: NisanurBulut/Ilvira

Ilvira is completed

25 Apr 19:07

Choose a tag to compare

Give a Star! ⭐

If you like or are using this project to learn or start your solution, please give it a star. Thanks!

ILVIRA

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.

Ilvira

Project Structure (src)

Components Layouts Hooks Utils Controls
index.js Table useForm index Input
OrderedDessertItems.js Popup Button
OrderForm.js Notification Select
OrderHistory.js Form
SearchDessertItems.js

Contents Discussed

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.

Installation

  • npm install @material-ui/core
  • npm install @material-ui/icons
  • npm install axios
  • npm install @material-ui/lab