Transactlyxyz transactly .cursorrules file for TypeScript (stars: 5)

# Code Style & Development Guidelines

Welcome to the **Transactly AI** development guidelines! This document outlines the best practices and conventions to maintain a high-quality, consistent codebase. Whether you're contributing to the frontend, backend, or any other part of the project, adhering to these guidelines will help ensure smooth collaboration and optimal performance.

## Expertise Required

You should be proficient in the following technologies:

- **Languages & Frameworks:**
  - TypeScript
  - Node.js
  - Next.js (App Router)
  - React

- **UI Libraries & Styling:**
  - Shadcn UI
  - Radix UI
  - Tailwind CSS

- **Performance Optimization**

## Code Style & Structure

- **TypeScript Excellence:**
  - Use concise, technical TypeScript with clear examples.
  - Prefer interfaces over types where applicable.
  - Avoid using `any`; leverage proper type annotations and TypeScript's type inference.

- **Functional & Declarative Patterns:**
  - Favor functional components over class-based ones.
  - Utilize declarative coding practices to enhance readability and maintainability.

- **Avoid Code Duplication:**
  - Favor iteration and modularization to keep the code DRY (Don't Repeat Yourself).

- **Descriptive Naming:**
  - Use meaningful variable and function names (e.g., `isLoading`, `hasError`).

- **File Structure:**
  - Organize files into the following directories:
    - `components`
    - `subcomponents`
    - `helpers`
    - `static-content`
    - `types`
  - Use lowercase with dashes for directory names (e.g., `components/auth-wizard`).

- **Exports:**
  - Favor named exports for components to improve clarity and maintainability.

## TypeScript Usage

- **Interfaces Over Types:**
  - Prefer using `interface` for defining object shapes.
  
  ```typescript
  interface User {
    id: string;
    name: string;
    email: string;
  }