SYST$35300$ Hybrid Mobile Application Development

Term Project $-$ Winter $2023$

Requirements:

To develop a FULL STACK FAQ $($Frequently Asked Questions$)$ about Astronomy. The application uses Ionic framework as frontend client, NodeJS$/$ExpressJS for localhost server, and MongoDB as backend database.

Ionic Frontend:

o The Ionic frontend uses "sidemenu" as template.

o The "sidemenu" contains three pages $$ Main, Listing, and Update.

o Items stored in the Collection$/$Database have the following properties:

$$ Question: string $-$ required

$$ Answer: string $-$ required

o Main Page:

$$ Inputs for Database and Collection names.

$$ A function to create a database and collection via a service using the input names $($disable the function after the database and collection have been created$).$

$$ A function to batch load items from a file to the collection$/$database via a service:

$$ Prepare a const with at least $5$ items in a file $($see properties above$).$

$$ A function to delete all items from the collection$/$database via a service:

o Listing Page:

$$ Displays all the items from the Collection$/$Database via a service.

$$ When an item is selected from the list, the item is passed to the Update Page using either the RouterLink directive or Router.navigate $/$ Router.navigateByUrl method.

o Update Page:

This page can perform these two functions:

$$ Displays the item passed by the Listing Page with options to update or delete the item from the Collection$/$Database via a service.

$$ Adds a new item to the Collection$/$Database via a service.

Localhost Server:

o Use NodeJS and ExpressJS to receive requests from the Ionic frontend and send back responses with confirmation and$/$or data.

o Use Mongoose to connect to the MongoDB Database to perform CRUD operations.

Page $1$ of $2$

SYST$35300$ Hybrid Mobile Application Development

Term Project $-$ Winter $2023$

Other Requirements:

o Use Ionic UI components.

o Use Ionic Action Sheet or Alert dialog when adding, editing, and deleting items.

o All inputs $/$ outputs must be labeled; formatting, layout, and colours will be considered in grading.

o Generate the NodeJS project using the npm init command in a separate folder.

Grading Rubric...

Description Marks

Ionic frontend $4$

Localhost server with NodeJS$/$ExpressJS $4$

Use of UI components $1$

Good programming style and user experience $1$

Submission:

$$ Submit the following zip backups to the Project Folder in Dropbox $($e$-$mail submissions will NOT be accepted$)$:

o The $"$src$"$ folder of your Ionic Project folder o The NodeJS project folder

$$ The project can be submitted up to $3$ days after the due date with $10\%$ penalty per day. After $3$ days the submission will no longer be accepted.

$$ Only the last submission is accepted.

$$ The project must be completed individually.

Page $2$ of $2$