JSPM

leumas-react-traffic-data

1.0.6
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 9
    • Score
      100M100P100Q37365F
    • License MIT

    This is ot easily embed a component on any of your React pages, and have us track their usage for you to view in Leumas Portal. Must have a Leumas Pro Membership and Api Key prior to usage on this NPM Package. Please refer to leumas react traffic data documentations for setup and support. Lightweight package. high speed. Will not slow down your app

    Package Exports

    • leumas-react-traffic-data
    • leumas-react-traffic-data/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 (leumas-react-traffic-data) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Leumas React Traffic Data

    Grab an API Key from apikeys.leumas.tech

    You must have a Leumas account, and a Leumas PRO membership to receive an API Key

    Signup at https://leumas.tech/signup

    Purchase your membership: 19.00 m/o https://leumas.tech/membership-account/membership-levels/

    Login to Leumas API Portal https://apikeys.leumas.tech/login

    Generate your API key, it will be saved so dont worry

    install in your React Project

    npm i leumas-react-traffic-data

    Import Code

    • You can drop this on any page or any component to Track Its usage with our database

    Reccomended Setup

    Add API Key to Environment Variables:

    • Create a .env file (if not already present) in the root of your project and add your API key:
    VITE_REACT_APP_TRAFFIC_DATA_API_KEY=your_api_key_here

    Import and Use the TrafficData Component:

    function App () => {
        return(
            <div>
                <TrafficData
                    pageName=""
                    apiKey={`${import.meta.env.VITE_REACT_APP_TRAFFIC_DATA_API_KEY}`}
                />
            </div>
        )
    }

    Track Your Usage

    Everytime a person visits your store we will update your page views, Let you know their device viewing on, their IP, Number of total page views, and potentially more in the future.

    To visit your dashboard and track your usage, please use our API or our Dashboard. Note that the dashboard feature is not yet implemented.