/embed-googleform-react

An example of how to custom embed a google form inside a react app.

Primary LanguageJavaScript

embed-googleform-react

About

This project demonstrates custom google forms embedded using React. By using google forms we eliminate the need for a regular database like Postgres or MongoDB. We also get the features with google forms, like the ability to get notifications and have google sheet for the entries. The page itself is a simple sign up form.

Uses

  • React
  • Sass
  • Github Page (for deployment)
  • Google Forms
  • chickennuggets...
  • oh and the images from the unsplash.com

To view entries this is the google sheet: https://docs.google.com/spreadsheets/d/1MjO35Wr5W4gn6R6mxIGfiZlvG5Ckemh_muIAQvdRi1g/edit?usp=sharing

Setup

Clone repo then install packages

git clone git@github.com:josuerojasrojas/embed-googleform-react.git
cd embed-googleform-react
npm install

Dev

Just start project and edit the code

npm start

Notes:

This was a rushed project (cause I was bored and decided in the last minute to do it), so that means there is a lot of messy code. If you have a question about it feel free to ask. (cause I sure will have questions)

Also this was inspired by something I saw long ago on how to customize a embed google form. Here is a similar link to what I saw long ago: https://blog.webjeda.com/google-form-customize/ (this just might it though, i don't really remember)