PROG8020 - Programming Web Design and Development Assignment

Assignment Task

1. Create a web application for a company of your choice. The web application needs to be built for submission of tickets by clients for some kind of job like repair work, maintenance, bug submission, etc. Some example applications are HOA web application for submission of maintenance work, Ticket system for submission of bugs in a software, Battery recycling request system, Maintenance work requests for an organization, Garbage pickup request system, etc.

2. The web application should be built from scratch using HTML, CSS, JS, EJS, Node.js and MongoDB. Use of third-party libraries other than for a WYSIWYG or the ones used in the class is not allowed unless approved by the professor after discussion. Please email for approval.

3. The web app should have a header, navigation, main content and footer for consistent branding. The template should have the following as a minimum requirement:

• Header section: A logo and a site title (common logo and site title across the whole web app).
• Navigation: A common top navigation menu with links to all pages including the admin panel. You can choose to have a second or separate menu for admin panel.
• Main Content: This is the section where you will build the content of the page as required. Eg: a form, a table, etc.
• Footer: Common footer with copyright information.

4. There should be a page with a form that can be used by the users without logging in to submit the request. This form should have the following as minimum:

5. After the submission of the request, show a thank you page to the user.

6. Create an admin panel where the admin can login and view/edit/delete the requests. The admin panel should have at least the following:

• A page where the admin can view all the requests that have been submitted. Ideally this should be a table based design. You may chose not to display the image with the request on this page
• Ability to view the details of a request.
• Ability to edit a request.
• Ability to delete a request.

7. Create a video demo explaining your code and showing the final execution of the project. Make sure to showcase all the use cases like create a new request, admin login, view request, edit request, delete request, etc. For the video demo, you are not required to use your camera, but you can if you want. You are only required to record your screen and your voice explaining the solution. Please submit .mp4 files only. You can use Zoom/PowerPoint for doing that but you can use any other software for recording the video too.

This IT Computer Science has been solved by our PhD Experts at My Uni Paper.