rohitsaini1196 / google-forms

Clone of google forms using React and Node JS.

A Clone of google forms in React and Nodejs.

About • Installation • Features • Screenshots • Author • Support • License

---

About

Hey, It is a clone of Google Forms , it's completely open source and have some extra features. Used React JS with Material UI for front-end and Used NodeJS and MongoDB as backend. Some of the designs and logics are inspired by google forms. You can direct use Form snippet as plugin in your project.

Installation

Downloading and installing steps:

• Download or Clone the latest version of the Code.

$ cd google-forms
$ npm install && cd server && npm install 
$ cd ..
$ npm run dev

Boom it will automatically start the local server for backend and frontend.

Default Frontend port is 3000 and backend port is 5000

Features

All basic and important features
Google authentication (Login with google) and authorization
Search and sort between from by name, date, last modified
User profile and settings
Answer or fill others form (submit response)
Different form types (Anyone with link, Anonymous, some perticular can answer etc.)
Can add unlimited questions and maximum 5 options to each question
Add image to questions and options (Upload images question and option wise)
Deleteting and duplicating the question
Drag and Drop questions to sort them accordingly

etc.

Screenshots

See more.

Author

Rohit Saini

Support

Reach out to me at one of the following places:

• Website at stillthristy.in
• Github at rohitsaini1196
• E-Mail: [email protected]

License

• Copyright © Rohit Saini.

google-forms's Issues

Sponsored issue: Conditional Logic

This is a great Google Forms clone app. I want the application to allow certain questions to appear based on the answers to previous questions. This will make the forms more dynamic and it would be great to skip certain questions if they are irrelevant to that particular user.

Priority Support

• @ujasitalia is using Mintycode to fund this issue.
• If you want to accept bounty for solving this issue join Mintycode.

TypeError: forms.map is not a function

TypeError: forms.map is not a function

Forms
D:/Projects/google-forms/src/Components/Form/Forms.js:78
75 |
76 | {loadingForms ? ():""}
77 |

78 |
| ^ 79 | {forms.map((form, i)=>(
80 |
81 | ))}
View compiled
▶ 17 stack frames were collapsed.
(anonymous function)
D:/Projects/google-forms/src/Components/Form/Forms.js:52
49 | .then((forms2) => {
50 | // console.log(forms2);
51 |
52 | setForms(forms2);
| ^ 53 | setLoadingForms(false);
54 | },
55 |

TypeError: forms.map is not a function

There is another issue about this exact problem. But the user has closed it. So I decided to open another issue.

I'm on the master branch and performed the following tasks.

$ cd google-forms
$ npm install && cd server && npm install 
$ cd ..
$ npm run dev

And when I tried to log in as incognito, I got the following error.

I think maybe forms is not an array, so it doesn't have a map function.