Welcome to the Quest React SDK repository! This library provides a set of reusable React Native components.

To access the official quest docs please refer to this link: https://docs.questlabs.ai/

Installation

Installation for Expo can be done using the npm install command:

$ npm install @questlabs/react-native-sdk

Installation for React native CLI can be done using the npm install command:

$ npm install @questlabs/react-native-sdk react-native-svg

Once the package is installed, you can import the sdk using import approach:

import { Component_name } from @questlabs/react-native-sdk;

Components

Daily Visit Streak View (Counter)

Description

The Daily Visit Streak View is a component designed for tracking and displaying a user's daily visit streak. It provides a visual representation of how many user has visited a platform or app.

Daily Check-in Credit (Notification)

Description

The Daily Check-in Credit component is designed to incentivize users to check in daily by displaying a notification at the top of the app interface. This notification will automatically close after a short period, and it provides an onPress function that allows users to interact with it as they wish, such as claiming their check-in credits.

Features

• Notification Display: Automatically shows a notification at the top of the app interface when the user checks in daily.

• Auto-Close: The notification will automatically close after a short duration to avoid interfering with the user experience.

• Customizable Content: Allows customization of the notification content, including text and visuals.

• onPress Function: Provides an onPress function that users can interact with to perform actions like claiming their daily check-in credits or dismissing the notification.

Tutorial

Description

The Tutorials Screen is a component designed to provide users guides. It is a valuable resource for educating users about how to use the app effectively.

Features

• Categorizes tutorials for easy navigation.
• Allows users to search for specific tutorials.
• Provides step-by-step guides with multimedia content.

Carousel

Description

The Carousel component is a user interface element that enables the display of multiple items in a horizontally scrollable format. It is often used for showcasing products, features, or announcements.

Features

• Supports manual navigation through items.
• Customizable design effects.
• Can display cards, or other content.

Banner

Description

The Banner component is a versatile UI element used for displaying multiple important announcements, promotions in a horizontally scrollable format. It typically appears at the top or bottom of an app's interface.

Features

• Customizable images.
• Supports automatic or manual navigation through items.

Credit Component

The Credit Component is a versatile tool for managing and displaying credits in your application or project. It allows you to keep track of credits.

Features

• Credit balance management
• Customizable display and user interface

Survey Form

Discription

The Survey Form Component is a versatile tool for collecting valuable insights and feedback from your target audience. Use this component to create customizable surveys and gather essential data to make informed decisions.

Features

• Customizable survey questions
• Data collection and storage

Feedback Form

The Feedback Form Component is an essential tool for collecting user opinions, suggestions, and comments. It allows you to gather valuable feedback to improve your product or service.

Features

• Customizable feedback forms
• User-friendly interface
• Data collection and storage

Pricing Component

The Pricing Component is a crucial part of any product or service offering. It helps you define and display your pricing strategy to your customers.

Features

• Customizable pricing tiers
• Plan descriptions and features
• Integration options with payment gateways

Badges Component

The Badges Component simplifies the process of creating and awarding badges to users. Whether you want to gamify your application or recognize user achievements, this component offers a simple and effective way to implement badges.

Features

• Add the Badges Component to your project.
• Create and customize badges to suit your application's goals.
• Award badges to users based on achievements or activities.
• Integrate badge display into user profiles or leaderboards.

Membership Card

The Membership Chip Casrd Component is a valuable tool for managing and tracking membership access within your organization or facility. It simplifies access control and membership validation.

Contact Us

If you encounter any issues or have questions while using the Quest React SDK, please don't hesitate to reach out to us:

• Shubham: [email protected]
• Deb: [email protected]