GithubHelp home page GithubHelp logo

feedback-feature-app's Introduction

Feedback Feature App

Introduction

The Feedback Feature App serves as a central hub for users to connect with stakeholders. It offers a range of options, allowing users to effortlessly reach out for different purposes. Users can utilize this feature to inquire about queries, report any encountered bugs, propose new features, or share their valuable feedback.

Features

Opened FAB

  • Configurable options per page (show all, some, or no FAB features).

Report an Issue

  • Logged In User: Title, "Choose a section" (Dropdown, pre-selected), "Describe the issue in detail" (Text Box, Mandatory), Submit button.
  • Logged Out User: Same as above, plus email field (Mandatory).

Share Feedback

  • Logged In User: Text Box (Mandatory), Send anonymously checkbox, Submit button.
  • Logged Out User: Text Box (Mandatory), Email field (Mandatory), Submit button.

Give Suggestion

  • Logged In User: Title, Dropdown, Text Box (Mandatory), Submit button.
  • Logged Out User: Same as above, plus email field (Mandatory).

Contact Us

  • Logged In User: Title, Name (Mandatory), "What would you like to ask?" (Text Box, Mandatory), Submit button.
  • Logged Out User: Same as above, plus Email and Mobile Number fields (Mandatory), Submit button (disabled until mandatory fields are filled).

Text Box Field

  • Vertical scroll bar, maximum letter limit (1000).
  • File attachment (max 2 images, each 50*50px).

Check Box

  • For "Share Feedback" option: send feedback anonymously checkbox.

User Login States

  • Logged In User: Email stored and associated with submission.
  • Non-Logged In User: Optional email field, invalid email error message.

Thanks Message

  • Pop-up message above the FAB button post-submission.

Rate Us Card

  • Appears after completion or prompt for rating.
  • Star selection activates submit button.

Installation

  1. Clone the repository:
    git clone https://github.com/shashankaz/feedback-feature-app.git
  2. Navigate to the project directory:
    cd feedback-feature-app
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm start

feedback-feature-app's People

Contributors

shashankaz avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.