kundli-generator

A React NPM package for Kundli (birth chart) generation. Built with Vite, TypeScript, Tailwind CSS, and SASS.

Features

• React 18
• TypeScript
• Tailwind CSS
• SASS (.module.scss)
• Storybook
• Vite for bundling

Installation

npm install kundli-generator

Usage

import { KundliPage } from 'kundli-generator';
import 'kundli-generator/style.css';

function App() {
  return (
    <KundliPage
      name="Rahul Sharma"
      birthDate="15th March 1990, 10:30 AM"
    />
  );
}

Using with Hanuman (Next.js) Project

Add to your package.json:

{
  "dependencies": {
    "kundli-generator": "file:../kundli-generator"
  }
}

Or use npm link during development:

# In kundli-generator directory
npm run build
npm link

# In hanuman directory
npm link kundli-generator

Then in any Next.js page or component:

'use client';

import { KundliPage } from 'kundli-generator';
import 'kundli-generator/style.css';

export default function Kundli() {
  return <KundliPage name="User" birthDate="1st Jan 1990" />;
}

Note: Use 'use client' since KundliPage is a client component. Import the CSS in your layout or _app.tsx for global styles.

Development

# Install dependencies
npm install

# Run Storybook
npm run storybook

# Run dev server
npm run dev

# Build
npm run build

Storybook

Run npm run storybook to view and develop components in isolation.