Feedback Component App

This project is a feedback system for websites. It enables customers to provide feedback and saves it to Firebase.

Installation

To install, you can use npm or yarn:

$ npm install --save @yemredurur/feedback-app
$ yarn add @yemredurur/feedback-app

Component Properties

Properties	Type	Req	Default	Desc
title	string	false	Please Send Your FeedBack	Feedback modal title
rootId	string	true	null	Feedback modal appends that root
companyId	number	true	null	Company special id
companyName	number	true	null	Company name that user whant
maxTextLength	number	false	2000	Max text for feedback
minTextLength	number	false	10	Min text for feedback
showCountLeftText	boolean	false	true	Shows how many letters has left
successMessage	string	false	WE HAVE GOT YOUR FEEDBACK	Success message when feedback send
errorMessage	string	false	There is a problem please try again!	Error message when service error
onClickEvent	func	false	() => void	Event function when user clicks feedback icon
onSendEvent	func	false	() => void	Event function when user clicks send button
onCloseEvent	func	false	() => void	Event function when user closes feedback modal

Useage Example

import React from 'react';
import FeedBack from '@yemredurur/feedback-app';

function App() {

  const buttonClick = () => [
    console.log('Button Click')
  ]

  const onSend = () => [
    console.log('On send')
  ]

  const onClose = () => [
    console.log('On close')
  ]

  return (
    <>
      <FeedBack 
        rootId='root' 
        title={TITLE} 
        companyId={COMPANY_ID}
        companyName={COMPANY_NAME} 
        onClickEvent={buttonClick}
        onSendEvent={onSend}
        onCloseEvent={onClose}
      />
    </>
  )
}

Technologies Used

This project was built with the following technologies:

• React - A JavaScript library for building user interfaces.
• TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
• Jest - A delightful JavaScript testing framework with a focus on simplicity.
• Firebase - Firebase is an app development platform that helps you build and grow apps and games users love. Backed by Google and trusted by millions of businesses around the world.