https://github.com/nisanurbulut/ilvira
Ilvira has dotnetcore 5 api. It is reactjs application about dessert ordering application.
https://github.com/nisanurbulut/ilvira
dotnetcore5 reactjs sql-server swagger swagger-ui
Last synced: 4 months ago
JSON representation
Ilvira has dotnetcore 5 api. It is reactjs application about dessert ordering application.
- Host: GitHub
- URL: https://github.com/nisanurbulut/ilvira
- Owner: NisanurBulut
- Created: 2021-04-18T10:41:16.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-25T19:07:37.000Z (about 5 years ago)
- Last Synced: 2025-07-30T07:59:31.966Z (11 months ago)
- Topics: dotnetcore5, reactjs, sql-server, swagger, swagger-ui
- Language: C#
- Homepage:
- Size: 5.55 MB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
## Give a Star! :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.](https://www.imdb.com/title/tt13932162/)
## 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