make it for the mobile appilication only and not for the Web with the help of react native. handle the react native properly and without any bugs and errors in UI or functionality. Make the app looks very professional and attractive so user can think that this is the nice app to use and user friendly (special the illetrate delivery boy) Now make the whole UI of the Application Common Pages:- Make the page for entering the SAP code (distributor unique code), and in that page a text "New Distributor? Sign Up here" with a navigation for the page in which a form will open with the fields a. name of gas agency (required) b. SAP code (required) c. name of admin (distributor) d. password (required) e. register the delivery men (Ask for phone number, name and their password) (not required) Make the Page for entering the phone number and password with a logo on top and a text "Register a new user". and on click of the text a form will open for asking for the Name, Mobile Number and password. and a register button. Admin Part : - a. A dashboard in which the total delivery man will show up, total inspection done till now, todays date, graph showing the stats of inspection day and months wise. add an necessary widgets. b. sidebar with navigation for pages as i. Dashboard , ii. History, iii. Assign stock , iv. Add Product. v. Search Inspection c. History Page - this page will show the list of delivery man (their name, total inspection done, total amount of sale done by delivery man and his phone number (click and it will redirect to phone app to call him). Then click on delivery boy (list element) a page will open with filter (name and date) and list of inspections done till now by delivery man. List contains the name of consumber, consumer number, mobile number, date and time of inspection, icon of detail view. By clicking on the detail icon a pop up will appear with all the information that has been filled by the delivery man (12 questions, list of products thar has been sold to consumber with quantiry and price. and total of all the products and image that has been uploaded at time of inspection ) d. Assign stock -: list of delivery man will appear with name. On click of list element a page will open with all the products with a input for quantity,price, minimum sale price and a button as Assign. Press on assign the product will assign to the delivery man with product name, price, minimum sale price (delivery boy cannot sold the product below this price). e. Add product :- List of all product will appear here and add product button on click of this button a popup will open asking for name of product, price, quantity, then minimum selling price and list of delivery man with assign buttons for each delivery man. f. Search inspection:- Initially all the inspections done till now will appear here in form of list with name of consumer, date and time, delivery man name (done by which delivery man), consumber number. On click of list elements the details inspection report will appear here (12 questions, list of products thar has been sold to consumber with quantiry and price. and total of all the products and image that has been uploaded at time of inspection and name, consumber number, date and time, mobile number, address). Then a filter in list page with delivery boy list dropdown, input for name of consumer, consumber number, and date filter. Delivery man Part : - a. A dashboard with Date, total number of inspections done, total sale, then a graph with daily inspections and monthly inspections visual represetantion. A button (New inspection) b. New Inspection Page :- A form with name of consumer, consumer number, mobile number, address, 12 question with yes and no option as radio button. then a button to open a camera and click the picture of surrounding, then lsit of default and assign products with text input for price and quantity and minimum price (text) and remaining quantity (text). then a add product button will open a new popup for adding the custom product asking for name, price, and qunaitity. then a submit button. On submitting it should take the logitute and latitude for location for google maps. ALso this location icon will appear whereever the inpection details will be shown of each consumer. c. History Page with filter and list of all the inspections done by this delivery man till now. Remeber that in login delivery man and Admin has same login page use the mongoDb atlas for storing the data and for image storing, use the s3 bucket of aws. Also make a seperate page for super admin which i will handle only and it will have the Sap code as 000000, and phone number and password (for now phone number will be 0987654321 and password will be 7228. in which i will accept the incoming request for the new joiniee distributor will all his details. because i want when a distributor will signup then the request will generate and it will appear to the super admin only, when super admin accepts the request then only the distributor will get the access to the application. and after signup show the message that contact to the admin for approval of acess of application (with a email link and a phone number 0987654321. and when super admin accepts the request then distributor will access the application. Strictly dont make this application using next js, make it in expo react. find all the possible errors and solve it while development. there should be no errors in application and also think about the corner cases and handle them. The theme of application will be in yellow (#FCCA0B
) and white color and blue color (#2C3294
), dont make it simple UI. make it looks professional and interactivee for the user. Also take care of the inputs fields which have the text field and number fields, number fields will open the users mobile keyboard of number only and for text field the normal keyboard will open. Special Note : Make the camera functionality works properly, on click of the button of click picture the camera of users phone will open and he can click the picture and reduce the quality of picture to 70% to save the storage in aws. for this make sure the camera permission is granted from user side also the loction acess permission should be granted.
there is one more thing that if user login one time then it will not be logout until he deletes the aplication or logout by himself. make the navigation works properly in mobile. For now name the appliction as Severity and a logo for now.
also tell me in which file i have to provide the credentials of my mongodb and aws and how can i do it in details
Loading...
i have provide you the secret keys of aws and string of mongodb, now complete the whole applicatoon
Loading...
tell me how can i get the api base url in detail