CSCI 5117, Spring 2024, assignment description
- Team Name: 403ForBidden
- App Name: TODO
- App Link: https://ambitious-flower-0147fbd0f.5.azurestaticapps.net
- Jiyu Huang, [email protected]
- Xizhen Kang, [email protected]
- Ruichen He, [email protected]
- Zirui Chen, [email protected]
- Ziqi Zhou, [email protected]
Describe the most challenging features you implemented (one sentence per bullet, maximum 4 bullets):
- push notification for schduled events
- google api and save the picture of the location to cloudflare to increase performance.
Which (if any) device integration(s) does your app support?
- laptop
- tablets with larger screen
Which (if any) progressive web app feature(s) does your app support?
- ...
Phone View
Web View
When user first access the website without sign in/sign on, they will only get access to the Sign-in Page.
Phone View
Web View
Once the user log in, they will get see the Home Page, which has three buttons, including "Firearm", "Range Visit", and "Gun Maintenance". By clicking each button, corresponding page will be shown. In addition, user can click the "logout" button on the right top corner to log out and back to the signin page.
Phone View
Web View
If user click the Firearm button on the Home Page, the Fire Inventory Page will be shown to them, which contains the list of firearms that user has, with some stats on the side. User can click each firearm block to access the firearm detail page. They can also click the Edit button and choose one firearm to edit/delete. There is another "+" Button on the bottom, which user can use to jump to Add Firearm Page.
Phone View
Web View
Once user click one of the firearm listed in the Firearm Inventory Page, they will get access to the Firearm Detail Page, where they can see the detail of the selected firearm. In addition, they can also see the list of range visit related to this firearm and the maintainence history. All items in these two blocks are clickable, and give user access of that specific range visit or maintainence detail page. If they want to edit some detail, simply they just click the Edit button, and then edit the text reupload firearm image by clicking the firearm images.
Phone View
Web View
The "Add Firearm" page is accessible by tapping the "+" button located in the bottom right corner of the firearm inventory page. User can add a new firearm in this page.
Phone view
Web View
Upon selecting the "Range Visits" feature from the main menu, the user will be navigated to the "Range Visits" overview. These cards detail key statistics from each session, including the type of firearm utilized, duration of the visit, total shots discharged, the average score achieved, and the financial expenditure.
Tapping on any card expands to a detailed summary of that particular visit, providing an in-depth review of performance and activity. For user convenience, an 'Edit' option is prominently positioned at the top of the screen, allowing for modifications or removal of any entry related to range visits.
At the footer of the screen lies a conspicuous "+" button; interacting with this icon facilitates the user in seamlessly adding new range visits to their log.
Phone view
Web View
On the Range Visit Details Page, users can view specific details of their shooting session by clicking the Edit button at the top to make adjustments. The main content area displays the name of the range, a map indicating the location, date of visit, series number of firearms used, and more. The Activity Log section below records basic information about the visit, such as bullets fired, time spent, achievements scored.
Phone View
Web View
The "Add Range Visit" page is accessible by tapping the "+" button located in the bottom right corner of the shooting range visit page. User can add a new range visit in this page.
Phone view
Web View
The Maintenance page is designed to track firearm maintenance records. The layout has separate entries, each with the name of the gun and an accompanying image. The Statistics section below each image lists information related to the firearm's identity and maintenance, including make, model, type, serial number, details of last maintenance, and the date of that maintenance. Users can interact with each entry to get more details and optionally edit the record using the Edit button at the top of the page. The "+" button at the bottom allows for quick addition of new maintenance records.
Phone view
Web View
The "Maintenance Detail Page" is a dedicated section for tracking the specifics of a firearm's maintenance history. The page header includes an 'Edit' button for updating details. Below the firearm's name, a photo provided. The "Stats" area lists important identifiers like make, model, type, serial number, and purchase price. The "Activity Log" section is designed to document and review the firearm's maintenance activities.
Phone view
Web View
The "Add Maintenance" page is accessible by tapping the "+" button located in the bottom right corner of the gun maintenance page. On this page, users are prompted to select a firearm from their list, for which they wish to log maintenance details. The top field, clearly labeled for the selection of a firearm, and a larger text box below for entering the specifics of the maintenance log. At the bottom of the page, there are two buttons, "Cancel" to discard changes, and "Add" to save the new maintenance entry to the user's records. The consistent footer remains at the bottom, offering navigational consistency within the application.
Is there anything special we need to know in order to effectively test your app? (optional):
- ...
Web view
The landing page for All user's before they sign in
Web view
Page where user sign in if they have existing account. if they forget about their id/password or they are new user. they have find appropriate link
Web view
If user does not have an account, they can set up their account bu filling out all information needed
Web view
This is the home page of this website. this page provides an overview of the major stats such as all the gun user have, range's they visited and maintance they conducted in the pasgt month.
Web view
this page show an all the guns user logged. one can add, check delete and edit information about guns.
Web view
this is pop up window for adding an new firearm. image is required but all other imformation is optional. image will be uploaded to cloudflare. once click on sunmit button, information will be submitted an saved.
Web view
tghis page allows user to change all information about a gun(except image). if save, information will be updated, if cancle, all changes will be undo.
Web view
this page show all activities related to one gun, including stats about this gun, maintance history and range visits.
Web view
this page show all the range visits history and an simple interfac to add addtional range visit history.
Web view
this page provides an interface for user to edit the range vist, including change the duration and change the gun this visit related to.
Web view
notification will be sent to user if an scheduled event happenes now. if user click on notification, they will be redirected to the page detailing the event.
Web view
this page show maintance history of all guns.
Web view
this page provides an simple user interface for adding an maintance activity.
Web view
this page provides user interface for editing the previously saved maintance record.
Web view
this page show the maintance racond of one specific firearm
Document integrations with 3rd Party code or services here. Please do not document required libraries (e.g., React, Azure serverless functions, Azure nosql).
- Library or service name: description of use
- google map api
- cloudflare for image storage
If there's anything else you would like to disclose about how your project relied on external code, expertise, or anything else, please disclose that here:
...