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.

NOTE: Only admin can create user account.

Generating APP ID

EXAMPLE USER = { email: [email protected] password: test123 }

ADMIN USER = { email: [email protected] password: admin123 }

Example DEMO

TEST COVERAGE : 100%