📬COIN Nokia Digital Suggestion Box

COIN (Continuous Investment Nokia) was a cloud-based app development project I independently created during my summer coop at Nokia. It was a task assigned by my manager to receive constructive feedback from 800+ employees at the Nanjing TC site effectively. It was coded with wxml(html) & wxss(css) & Javascript on WeChat App Developer Tool, which is a technology involving a combination of app development and web development supported by WeChat (unfortunately can't be viewed without WeChat, but I have attached small gif demo below).

Frontend: WeChat Developer Tool (wxml(html) & wxss(css) & Javascript)

Backend: WeChat Cloud Development Tool (WeChat cloud API, cloud function, JSON based could storage)

Main Features: ✔️feedback submission (text+image supported), ✔️user feedbacks, ✔️community feedbacks, ✔️user login, ✔️3 user modes (user / administrator <=update feedback process status / super administrator <= visualized app configuration setting)... and more!!

Key Highlights & Feature Demo

🔹 Compatibility:
I choose WeChat Applet for its popularity in my audience (Nanjing site colleagues); they can access the app quickly without downloading it (Andriod and IOS compatible, can also open on laptop).

🔹 Efficient use of cloud resources:
As an effort to save backend cloud resources during the code refinement phase, I successfully reduced the number of storage read requests to 20% of original by more efficient request handling, cross-page communication, and increased global data structure.

🔹 Drier code with component and cloud function:
I extracted parts of the app and implement these as components for repeated use to reduce development time and catch bugs easier. For example: list view, detail view of log, user avatar/name display... Moreover, I use cloud function to handle backend database read/write to reduce repetition.

🔹 Good user experience:
Easy login tied to WeChat account, no need for login after initial sign up and use users' unique OpenID as an identifier. In addition, as a suggestion box, it allows personalized avatar/nickname at sign up to protect user privacy. Moreover, I added comprehensible prompt/toasts for user actions (e.g. form submit success/failure at login, feedback, setting). The community area is also included to view all feedback from other colleagues.

Launch Page (as normal user)	Sign Up (as administrator)	Submit Feedback
View All Feedback	View Feedback Detail With Image	View Feedback Detail Without Image

🔹 Customized Server-Side Datatable Visualizer:
I designed a very simple workaround for server-side data alteration for administrator by adding administrator code at log in and created add-ons/pages for identified administrator after login, so that they can review/change status of submitted suggestions, change feedback form categories, change administrator code, and add/remove administrators.

Administrator Change Feedback Status	Super Administrator's App Config Page
Setting Detail: Change Feedback Category	Setting Detail: Lookup/Add/Remove Administrator