Feedbacky App

Feedback app is a lightweight app. It is easily applied to your site and stores users' feedback in the database.

---

Installation

npm install feedbacky-app

OR

yarn add feedbacky-app

import { Feedbacky } from "feedbacky-app";

function App() {
    const feedBackyProps = {
        appId: "TEST",
        apiUrl: "https://f-backend-d71e84d46dd0.herokuapp.com/",
        sendButtonLabel: 'Send',
        successMessage: 'Thanks for your feedback!',
        titleColor: 'black',
        title: 'Send your feedback',
        placeholder: 'Enter your feedback',
        backgroundColor: 'rgba(0, 0, 0, 0.2)',
        modalStyle: {
          backgroundColor: '#fff',
          border: '1px solid #fafafa',
        },
    };

    return (
        <main className="App">
            <Feedbacky {...feedBackyProps} />
        </main>
    );
}
export default App;

Documentation

Props*	Description	type	required	default props
appId	Your App ID	string	true	null
apiUrl	Backend Api URL	string	true	null
sendButtonLabel	Submit form button text	string	false	'Send',
successMessage	Success Message Text	string	false	'Thanks for your feedback!',
titleColor	Submit form title color	string	false	'black'
title	Submit form title text	string	false	'Send your feedback',
placeholder	Submit form feedbacky input placeholder text	string	false	'Enter your feedback',
backgroundColor	background color outside modal	string	false	'rgba(0, 0, 0, 0.2)
modalStyle	Style for modal	React.CSSProperties (Object)	false	{backgroundColor: '#fff', border: '1px solid #fafafa'}

Admin Panel

admin dashboard You can see their feedback by logging in.

---

Feedbacks List

NOTE: Only admin can create user account.

Generating APP ID

EXAMPLE USER = { email: [e-mail] password: test123 }

ADMIN USER = { email: [e-mail] password: admin123 }

Example DEMO

TEST COVERAGE : 100%