WhatsApp GB - React Package

A React component library that provides easy access to GBWhatsApp articles, guides, and download resources from the official site: https://gbwhatsapps.io/

Installation

npm install whatsapp-gb

Or with yarn:

yarn add whatsapp-gb

Usage

import React from "react";
import { WhatsAppGBFinder } from "whatsapp-gb";

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <h1>WhatsApp Mods Resources</h1>
      </header>

      <main>
        <WhatsAppGBFinder
          theme="light"
          showDownloadButton={true}
          initialCategory="gbwhatsapp"
        />
      </main>
    </div>
  );
}

export default App;

Components

WhatsAppGBFinder

The main component that provides a complete interface for browsing WhatsApp mod articles.

Props:

• theme: 'light' (default) or 'dark'
• showDownloadButton: Boolean (default: true)
• initialCategory: String (default: 'gbwhatsapp')
• cardStyle: Object for overriding card styling

ModSelector

A component for selecting between different WhatsApp mods.

Props:

• categories: Array of category objects
• selectedCategory: String
• onCategoryChange: Function
• theme: 'light' (default) or 'dark'

ArticlesList

A component that displays a grid of articles/resources.

Props:

• articles: Array of article objects
• showDownloadButton: Boolean
• cardStyle: Object for overriding card styling
• theme: 'light' (default) or 'dark'

ResourceCard

A component for displaying an individual article/resource.

Props:

• title: String
• url: String
• imageCount: Number
• lastUpdated: String (date format)
• showDownloadButton: Boolean
• cardStyle: Object for overriding card styling
• theme: 'light' (default) or 'dark'

Data

The package includes a dataset of WhatsApp mod resources accessible via:

import { whatsappData } from "whatsapp-gb";

This data contains:

• Categories (different WhatsApp mods)
• Articles for each mod category

License

MIT