Project Outcry is an app made for Hong Kong protestors 👷 to inform their lawyers the moment they get arrested. They only need to sign up on the website with a unique alias and tell that to Google Assistant at the moment of arrest. Outcry will immediately send an email to the user's lawyer.

Built for a 4-day Hackathon at Codaisseur, this app won the second-most-favorited app by popular vote 🏆 The app is made with JavaScript, React, Redux, Express, Sequelize, PostgreSQL and Google Dialogflow. This is a minimum viable product and a work in progress.

If you have knowledge about Google OAuth 2.0, please let me know! My contact is in the work in progress section below.

• Technology used
• Goals for this project
• Technical details and server repo
• Work in progress
• Misc

👀👇 Click links to see samples in this project 👇👀

• React
• Redux
• Express
  • REST API
• Sequelize
• Google Dialogflow 🌟
• Google Login 🌟
• Nodemailer 🌟
• React-Bootstrap 🌟

🌟 New technology learned during Hackathon

In this Hackathon, participants were asked to produce a full-stack app using a new technology not taught in the academy. I mainly worked with Google Dialogflow alongside a couple more new ones (see above). I learned by reading the documentations and watching YouTube videos. In the end, the goal of this Hackathon is to:

• practice learning new technology independently
• apply what we learned in the academy
• have fun! 🎉

This is how the app is meant to be used:

• Imagine you're a protestor engaging in civil disobedience 👷
• Before taking to the streets, go to the client website and sign up
• Input your personal details, lawyer's email, and a unique alias ✏️
• The client will send a POST request to the Express server and create a new user
• When you create an alias, the client sends a PUT request to the Google Dialogflow API, storing a new $name entity in the API server
• When you get arrested, shout to Google Assistant: "I am < alias >!" 📣
• Google Dialogflow will immediately match the $name entity in the API with your alias in the database
• When there is a match, the Express server will send an email to your specified lawyer email address using nodemailer, along with the filled-in personal details
• You may even add to your Google Assistant assertion the location and/or the police station you're being escorted to, and Google Dialogflow is smart enough to include those in the email to your lawyer
• The lawyer is notified and looks for you in the police station (sooner if this is specified)

The app consists of a React client (this repo), an Express server connected to a Sequelize database (server repo), and a Google Dialogflow interface that links the user to Google Assistant (Dialogflow code exported from the API).

This mvp is still a work in progress. In order to build my ideal version, there are features which require technical knowledge currently beyond my capacity:

• Google OAuth 2.0
• Nodemailer alternative that better handles authorization issues with major email services
• Turning this into a mobile app (React Native?)

If you wish to contribute to this project, hit me up at 📧 [email protected]

These are the intended users of this app: