Feedback Tool, a nod to Canny
Learning how to use Momen's Canny-Like Feedback Tool to build your first management tool in this article.
Introduction
Users can publicly post and vote on feedback for any product. Meanwhile, the product team can synchronize progress based on user feedback. Serving as a project management tool, this template makes product iteration and feedback collection more effective.
I. Page Introduction
Register/Login
A simple login interface. Users need to register when they first access the product.
![feedback management like canny](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252Fuo3h8Smvr5WAlhtaNfvw%252F0.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=5dea85d6&sv=1)
Homepage
![product homepage](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252FYcjDLOXR2tBLqnSvgRe2%252F1.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=6fbcd270&sv=1)
The page displays all the feedback collected. On the feedback list, users can upvote and comment on each feedback. By clicking the tab New and Trending, you'll see the feedback sorted in different ways, organized by popularity or time order. An integrated search box provides essential navigational functionality within the list view.
Feedback Detail
By clicking on the feedback card, you'll be directed to the detail, where the content of the feedback is displayed in detail. Additionally, users can engage in discussions related to this specific feedback.
![feedback page](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252FmuwtVUKxWFppn1bwK4u8%252F2.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=a1d00432&sv=1)
Create New Posts
By clicking the Create a New Post button, users can write and publish their feedback.
II. How to Configure Data
Step 1: Learn How Data Model Works
Situated in the upper-left of the editor, we can view that the structure of the project's data tables is available for inspection. The initial need is to comprehend the association between several main tables and their corresponding informational segments displayed on the page.
![Configure Data](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252FSKugxac5BBiCydvLnBOp%252F4.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=f2ea12c9&sv=1)
Step 2: Data Manipulation in Database
We can directly manipulate data in database. Without the need to modify the frontend, data stored in database is dynamic.
![Data Manipulation in Database](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252Fgcjz7HYpiIoOlmU5gdmo%252F5.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=251bac11&sv=1)
![](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252F2OgZiNCHO3OsfSqza58t%252F6.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=b1ce7494&sv=1)
III. How to Deploy the Project
Step 1: Preview
By reaching this stage, you have completed 99% of the content. Now, let's proceed to preview our website. This process typically necessitates an approximate one-minute wait. Upon successful preview, you will obtain a link to a trial version of the webpage as well as a corresponding QR code.
![Deploy the Project](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252FE4pIqFp43M33EAilMAIZ%252F7.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=45342bb2&sv=1)
![Deploy the Project](https://docs.momen.app/~gitbook/image?url=https%3A%2F%2F2186054900-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FNNm75vAys0CMwBUdWsgC%252Fuploads%252Fj5dNfQg7nXRYtcSWWVzC%252F8.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=9507a8dc&sv=1)
Step 2: Publish
If everything looks good and you have checked for any errors, click on Publish to publish the website. Upon successful publication, an official link to the webpage will be made available.
Congratulations! After completing the aforementioned steps, your Feedback management platform is now ready to operate.
If you encounter any issues during the process, feel free to join our Discord community for assistance.
About Momen
Momen is a no-code web app builder, allows users to build fully customizable web apps, marketplaces, Social Networks, AI Apps, Enterprise SaaS, and much more. You can iterate and refine your projects in real-time, ensuring a seamless creation process. Meanwhile, Momen offers powerful API integration capabilities, allowing you to connect your projects to any service you need. With Momen, you can bring your ideas to life and build remarkable digital solutions and get your web app products to market faster than ever before.
Last updated