Feat: Add a "Feedback Form/Page with button to Website

[MastanSayyad]

What feature?

Hey @Sanchitbajaj02

I would like to add a feedback form/page

To improve user experience from visitors, i suggest to add a feedback form/page to the website. This form will allow users to provide their opinions, report issues, and suggest improvements directly.

Add screenshots

• For example like this:

Please assign this issue to me under gssoc.

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

[github-actions]

Congratulations, @MastanSayyad! 🎉 Thank you for creating the issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

'We will promptly review your changes and offer feedback. Keep up the excellent work!
Kindly remember to check our Contributing Guidelines'

[Sanchitbajaj02]

Hi @MastanSayyad, the feedback form is missing, and it has to be there.
Make sure to code the backend logic as well for this feature. Do contact me if you need help in Appwrite

[MastanSayyad]

Hey @Sanchitbajaj02 I have created the feedback form and added into the footer but Im unable to setup routes for it, can you pls tell me how and where to do that? as I have more experience in reactjs than nextjs

[Sanchitbajaj02]

Hey @Sanchitbajaj02 I have created the feedback form and added into the footer but Im unable to setup routes for it, can you pls tell me how and where to do that? as I have more experience in reactjs than nextjs

Hey @MastanSayyad
what you have to do is create a page.tsx file in location src/app/feedback/page.tsx. Now create a server component and call your component in it.

[MastanSayyad]

@Sanchitbajaj02 Yes I did that too but still after clicking feedback in the footer it doesn't navigate

• page.tsx

• footer

[Sanchitbajaj02]

Are you able to go to that page manually by filling in url?

[MastanSayyad]

No, I'm not

[Sanchitbajaj02]

No, I'm not

DM me on discord if possible, let's have a quick call and let me see the issue

[MastanSayyad]

Yeah, sure, It would be a Big help!
I'll DM you on Discord. However, I will need to do so later as it is currently raining here, and there is a power outage. Additionally, my system is not charged.

[Sanchitbajaj02]

Yeah, sure, It would be a Big help! I'll DM you on Discord. However, I will need to do so later as it is currently raining here, and there is a power outage. Additionally, my system is not charged.

Don't worry, you can DM whenever you are comfortable

[Sanchitbajaj02]

@MastanSayyad what is the status? If i didn't get the response in 24hrs, I am unassigning this from you

[MastanSayyad]

@Sanchitbajaj02 Extremely sorry for the delay As the next js with typescript and tailwind was new to me I completely forgot about this issue, I will try it, and if I'm unable to do so, I'll let you know within 24 hours or message you on Discord, then you can unassign me!

[MastanSayyad]

@Sanchitbajaj02 I tried solving this but I am still stuck with the routing issue, you can unassign me, extremely sorry for the inconvenience from my side!

[SuperSahitya]

I can work on this issue. Just please explain whether I just use Email.js or do you want this form to only be accessible by authorized user ?

[Sanchitbajaj02]

I can work on this issue. Just please explain whether I just use Email.js or do you want this form to only be accessible by authorized user ?

Hi @SuperSahitya, it will be saved into the database and only authorized users can access it