[FEATURE]: Revamped Feedback Form UI

DSGT-DLP / Deep-Learning-Playground

Web Application where people new to Deep Learning can input a dataset and toy around with basic Pytorch modules without writing any code

MIT License

26 stars 8 forks source link

[FEATURE]: Revamped Feedback Form UI #906

Open karkir0003 opened 1 year ago

karkir0003 commented 1 year ago

Feature Name

Revamped Feedback Form

Your Name

Karthik Subramanian

Description

Summary: Currently, our feedback form page in DLP doesn't have the most engaging/appealing UI. I'm looking to use an existing form solution like Airtable, Google Forms, Survey Monkey to create an awesome looking feedback form along the team being able to easily see the feedback coming into the platform.

I've played around with Airtable in creating a potential feedback form: https://airtable.com/invite/l?inviteId=invDaD2ydBgyCwXOL&inviteToken=502eceee67fe52809989ee05825d81d84fda03e5d411ec0f9fd3a7dfde89f679&utm_medium=email&utm_source=product_team&utm_content=transactional-alerts

The goal for the developer is to explore this platform, come up with good feedback form questions (dont make the form too long, but also get the info we want from the user). The developer also will need to embed the feedback form (whether it be something like airtable form, google from, survey monkey, etc) into DLP and test that the end-to-end flow works as intended.

The developer will also need to fill out this project doc with the solution they're going with along with a brief diagram of the data flow: https://docs.google.com/document/d/1o_nBg00zVVDg9tfGK96Ypkai4Y7dOVo1-iHtsBkCqK4/edit?usp=sharing

github-actions[bot] commented 1 year ago

Hello @karkir0003! Thank you for submitting the Feature Request Form. We appreciate your contribution. :wave:

We will look into it and provide a response as soon as possible.

To work on this feature request, you can follow these branch setup instructions:

Checkout the main branch:
```
 git checkout nextjs
```
Pull the latest changes from the remote main branch:
```
 git pull origin nextjs
```
Create a new branch specific to this feature request using the issue number:
```
 git checkout -b feature-906
```
Feel free to make the necessary changes in this branch and submit a pull request when you're ready.

Best regards, Deep Learning Playground (DLP) Team

farisdurrani commented 1 year ago

By inputting this iframe into feedback.tsx under the header-section, we are able to achieve the following screen recording

<iframe
              className="airtable-embed"
              src="https://airtable.com/embed/appPzBenBvbZ6BGQN/shrwGEkuMupNX4HRE?backgroundColor=blue"
              width="100%"
              height="533"
              style={{ background: "transparent", border: "1px solid #ccc" }}
            />

Results:

https://github.com/DSGT-DLP/Deep-Learning-Playground/assets/40067313/e799a85d-b0b8-4d23-b52d-e4cc259b0e9e

karkir0003 commented 1 year ago

@farisdurrani so what does that mean in terms of feedback form revamp project?

karkir0003 commented 1 year ago

we will also need to figure out how to use airtable api or whatever form api to send a webhook to notify frontend of form submission to then show the calendly link

noah-iversen commented 9 months ago

https://support.airtable.com/docs/embedding-airtable-views https://help.calendly.com/hc/en-us/articles/4409838727703-Embedding-Calendly-on-your-site

some helpful articles

noah-iversen commented 8 months ago

Hi @Arnav350! Here's your issue, let me know if you have any questions.