Feedbackkyy NPM

Feedbetty

Feedbacky is a versatile and user-friendly JavaScript library that empowers website owners and developers to seamlessly integrate a powerful feedback system into their web applications. With Feedbacky, collecting valuable feedback from users has never been easier. The library creates a discrete and customizable feedback icon that elegantly sticks to the right-bottom corner of the page, providing an unobtrusive yet accessible way for visitors to share their thoughts.

Features

Sleek Modal Interface: When users click on the feedback icon, a stylish and intuitive modal window opens up. The modal is designed to capture user feedback effortlessly, presenting users with a title, a text area for their input, and a user-friendly send button to submit their feedback.

Dashboard Integration: Feedbacky includes a dashboard feature that allows website owners to conveniently track and manage all received feedback. This central dashboard provides insightful data on user opinions, enabling companies and product owners to make informed decisions for continuous improvement.

Custom Configurations: With Feedbacky, you are in control. The library supports custom configurations, allowing you to tailor the feedback system to match your website's branding, style, and overall theme. You can easily enable or disable specific features to create a personalized user experience.

User Insights: Gather valuable insights and suggestions from your users. Feedbacky facilitates an open channel of communication, enabling businesses to stay in tune with their customers' needs and preferences.

Why Choose Feedbacky:

Ease of Integration: Feedbacky's straightforward integration process ensures that you can have the feedback system up and running on your website within minutes, requiring minimal technical expertise.

User-Friendly Experience: The smooth and visually appealing interface makes it convenient for users to provide feedback without any hassle.

Data-Driven Decisions: Utilize the feedback collected through Feedbacky to make data-driven decisions, optimizing your website, product, or service based on your users' preferences and pain points.

Versatile Customization: Feedbacky offers a range of customization options to match your website's aesthetics perfectly, maintaining a consistent user experience.

Constant Iteration: By actively seeking feedback, you demonstrate a commitment to improvement, fostering stronger relationships with your user base.

Getting Started:

Integrating Feedbacky into your website is as easy as 1-2-3:

Install the Feedbacky library using a package manager like npm or yarn.

Initialize Feedbacky with your custom configurations or use default settings.

Embed the feedback icon in your website, and voilà! Your feedback system is ready to go.

Installlation

You can follow these steps to integrate

import Feedbacky from "feedbackkyy";
useEffect(() => {
  Feedbacky({
    companyId: "testCompany",
    closeOnOutsideClick: true,
    sendButtonStyle: { backgroundColor: "#F27A19" },
  });
}, []);

Demo

Admin User

email: testadmin@gmail.com password: testtest

Standart User

email: testuser@gmail.com password: testtest

API Reference

Tech Stack

The project was developed using the following technologies:

Installlation

Client

npm install
Run: npm start
Unit Test: npm test
Coverage: npm run test:coverage

API

cd server
npm install
Run: npm start:server

Feecbacky Props

Name	Type	Description
`companyId`	`string`	Required. Your companyId
`modalTitle`	`string`	Optional. Modal's title
`closeOnOutsideClick`	`bollean`	Optional. should close model on user click outside of modal
`modalTitle`	`string`	Optional. Modal's title
`customTitleStyle`	`object`	Optional. Style object
`sendButtonStyle`	`object`	Optional. Style object
`customInputStyle`	`object`	Optional. Style object
`hasDialogCloseButton`	`boolean`	Optional. Modal's close button