Task : https://jobinandjismi.atlassian.net/browse/PRQT-1927
WebApp for Koemar Shipping
- General :- The WebApp will havethe below features.
- Employees can login to the app using their credentials.
- A dashboard will be available where employees can create new form, view the previous forms, customers, etc.
- There will be a super admin who can manage the entire application. Only Admin can add or remove users to the application. Also admin can edit the users .
- The Admin can view the forms and edit the form fields.
- Header – The header section will have the logo, Dashboard, User,form and login.
- Sidebar – The Sidebar section will have an Koemar shipping, Customer, and order.
Dashboard
The Dashboard view is based on the user type. The dashboard view and the contents in the pages will be different for admin view and employee view.
- Customer Table-The section contains the recently created customer details information like customer name and customer id.
- Added order Table-The section contains the Recently Created order details information like order id and customer name.
- The dasboard will include the navigations for forms, customers, etc
User/Employee Access
- User/Employee List Page
- The user/employee list is only accessable for admin.
- General – There will be a page to list down the list of users/employees.
- User information – The section is arranged by 3 columns in The user section should have user ID, user Name,user status , user type, etc. After the section, we have a pagination for loading more user on the same page.
- Add – add the new user.
- User Page
- The user page is accessed only through admin.
- General – There should have the list of information of user.
- Information – user name, user type and user status
- Inactive Button – To disable user .
- Have access Button – To grant access to user .
- Remove Button – To remove the user .
- Reset password – To reset the passoword of the user.
Form
- Form List Page
- The user list is only accessable for admin.
- General – There should have the list of Form.
- Form information – The section is arranged by 2 columns in The user section should have Form ID, Form After the section, we have a pagination for loading more user on the same page.
- Form Page
- The form page is accessed only through admin.
- General – There should have the list of information of sections and corresponding section fields.
- Information – There should be a dropdown that contains form sections, and the sections contain the fields of the form.
- Edit Button – When we edit the form, we can add a new form section, remove and add new fields, and make the field mandatory or not.
- Access to Siderbar – it is checkbox to show the form in siderbar menu .
Customer
- Customer List Page
- The Customer list is accessible for admins and users.
- General – There should have the list of Customer.
- Customer information – The section is arranged by 2 columns in The customer section should have customer ID, customer Name,
- After the section, we have a pagination for loading more user on the same page.
- Customer Page
- The Customer page is accessible for admins and users.
- General – There should have the list of information of Customer .
- Information – Customer name, Address ,City,Country and Telephone
Koermar shipping
- The form is accessible for admins and users.
- General – Theere should contains a form .When the form will submit there will show the details of parcel number and notify the customer and employe for the confrimation email.
- Date – The form header contains the date field, which is automatically filled today date.The user is not able to change the date.
- Parcel Number – The parcel number better to show after the form submittion becouse there is chance to change the number if before the anyone submit.we can show only prefix of the Freight choice.
- Freight Choice – It is better to use a radio button or checkbox for this field. With the field change, we can change the parcel number prefix.
- Sender details – The section contains fields for name, address,PC/city, country,Telephone,Passport,driver licence number. We will add the passport or licence number as identification. So once you enter the number, it will autofill the details of the customer in the form.
- Recipient details – The section contains fields for name, address,PC/city, country,Telephone,Passport,driver licence number. We will add the passport or licence number as identification. So once you enter the number, it will autofill the details of the customer in the form.
- Parcel Details – There we can enter the content .w can add on each row depends on the contents .we need to manusally enter the amount depends on the quantity and weight/size it will also update total amount in last of the form.
Order
- Order List Page
- The order list is accessible for admins and users.
- General – There should have the list of orders.
- Order information – The section is arranged by 5 columns in The order section should have order ID, sender Name, Receiver Name ,order status , Amount , etc. After the section, we have a pagination for loading more user on the same page.
- Order Page
- The order list is accessible for admins and users.
- General – There should have the list of information of order.
- Information – Status ,Sender Details, Receiver Details, and Parcel Details,order details and amount
- Edit/Save button – The Admin can edit and update the status of the order.
Login Page
- Login page – On the login page there should be fields like Email address, Password, and there should be few buttons such as Login button, forgot password button. The Email address will be considered as user name of the customers for the login.
The sample mockup is added below for we developed for the our client.
Enhancement
- We can create a new form in the future, and we can also add the form to the sidebar.
- We can also add status tracking. When the customer gets the link from an email to track the status of the parcel.
- We can add the digital Signature of sender ,signature of receiver.
Assumptions
- We need a server for hosting the test domain for testing purposes.