Survey App with React / GIFT THE CODE 2017 Hackathon
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is even with jayjongcheolpark:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Indspire needs a way to automate collecting surveys from participants in their yearly conference. Currently, surveys are completed on paper, and manually typed into excel spreadsheets by Indspire staff. A reason why a third-party survey app like SurveyMonkey has not been used is that the majority of participants are minors and Indspire is concerned about storing personal information about these participants on a third-party database. What we're offering is a solution that gives Indspire a simple and user-friendly way to create surveys, allow students to fill them out online, and access the results of the surveys through an admin dashboard. We've also included an analytics dashboard which will allow Indspire staff to see aggregate results of each survey and utilize that information in making their conference experience more engaging each year.




To create a survey:

  1. Login as admin: Username: Password: password
  2. Click Dashboard on top navigation bar
  3. Click Create Survey to create a new survey
  4. Select how many questions you want in the survey
  5. Enter in a survey title
  6. Select question type
  7. Fill in respectively details
  8. Upon completing and reviewing form, press Submit To activate a form:
  9. Navigate to the Dashboard and press Active
  10. Please note this will deactivate the previously active survey To share survey:
  11. Navigate to Home
  12. Share address link To review survey results:
  13. Navigate to Dashboard
  14. Press Report for the survey you wish to review To delete a survey:
  15. Navigate to Dashboard
  16. Press Delete for the survey you wish to delete


  • Install Node packages. - yarn install
  • Start a development server. - yarn start
  • Build for production. - yarn build
  • Run unit tests. - yarn test
  • Deploy to firebase - firebase deploy

Technologies and tools

The technologies and tools used in this project are as follows.

Name Description
React A library for client-Side components
Firebase A Free Realtime Database Platform
Bootstrap 4 Most popular front-end component library