Package Exports

react-speakeazii
react-speakeazii/dist/index.esm.js
react-speakeazii/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-speakeazii) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

SpeakEasy

SpeakEasy is a lightweight React package that helps you integrate visitor tracking, contact forms, and portfolio-enhancing features like blogs, reviews, and messaging into your projects.

Installation

npm i react-speakeazii

yarn add react-speakeazii

Usage

1. Visitor Tracker

The VisitorTracker component should be placed in your main entry file (e.g., App.js) to automatically track and record visits.

import React from "react";
import { VisitorTracker } from "react-speakeasy";

function App() {
  return (
    <>
      <VisitorTracker apikey="YOUR_API_KEY" />
      {/* Your other app components */}
    </>
  );
}

export default App;

3. Utility Functions

You can call utility functions directly by passing your API key:

Get Blogs

import { getBlogs } from "react-speakeasy";

async function fetchBlogs() {
  const blogs = await getBlogs("YOUR_API_KEY");
  console.log(blogs);
}

Get Reviews

import { getReviews } from "react-speakeasy";

async function fetchReviews() {
  const reviews = await getReviews("YOUR_API_KEY");
  console.log(reviews);
}

Send Message

import { sendMessage } from "react-speakeasy";

async function contact() {
  const response = await sendMessage("YOUR_API_KEY", {
    name: "John Doe",
    email: "john@example.com",
    message: "Hello! I love this package 🚀",
  });
  console.log(response);
}

Props

`VisitorTracker`

Prop	Type	Required	Description
apikey	string	✅	Your API key for authentication

react-speakeazii