Releases: NisanurBulut/Ilvira
Releases · NisanurBulut/Ilvira
Ilvira is completed
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.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