How to implement a control panel for a manager in a food ordering application?

Question

Mobile development

Soon I will start making a website and an application for a fictitious restaurant as part of my thesis.
The implementation will be on React/ReactNative + Node.js.
Knowledge in these tools is still quite small, ReactNative has not tried it at all.
The result should be: a web interface (you can say an online store) for ordering food for customers, a mobile application for Android / IOS and an interface for a manager to track orders + an admin panel for managing content on the site (I doubt about the admin panel, I can’t imagine yet how to do it).
In general, the question is how to implement the part that managers will use? For example, a person added goods to the cart, completed everything, clicked order ---> the manager receives a push notification about a new order. He enters his control panel, sees the order, places it, sends the delivery man.
It is not clear how to arrange all this, how to store all orders, how to transfer them to the control panel after the order ...
How to make an admin panel? How do you organize all this? i.e. how to organize the joint work of the site, mobile application, admin panel and control panel for the manager?
Previously, there was no experience in developing such projects. There is little knowledge in these tools, in some there is none at all.
How to approach everything, how to design everything?

Answer 1

back- to-back
To begin with, write all the features that you can’t do without
Order
Displaying a list of goods
Editing goods in the admin panel, by one admin (authorization via nginx auth)
Without authorization - if there is time to add authorization by social networks
Without payment - do not do it at all
Write usage scenarios Entered
Clicked
on button
Ordered
Received I
went to the admin panel
I saw the order I
changed its status
...
According to the list of use cases, determine which models are needed to store states
Normalize the database
Make only an adaptive site on the framework that you know better
Next, add functionality
If there is time left, feel the react native

Answer 2

Just two words - Database. For such a project, identify all entities and their relationships, processes, and interactions. Try to describe your project on a piece of paper, then write down the main goals, i.e. what the project should do. In the end, take a list with the main tasks and from it break each task even more into smaller tasks. Thus, it will be possible to identify which technology is more suitable for solving the problem that you are facing.

Answer 3

It is necessary to do according to the TOR and nothing else. If there is no TK - ask the customer, make it yourself or invite an experienced person from outside.