UNPKG

react-dev-companion

Version:

An interactive React companion widget that follows the Pomodoro timer — a fun floating pet that wakes up, walks, and gets tired as you code.

60 lines (38 loc) 1.47 kB
# React Dev Companion **React Dev Companion** is a fun and interactive companion for React developers. It integrates with your **Pomodoro timer** and visually shows your coding activity through an **animated pet that wakes up, walks, and gets tired as your session progresses.on widget**. --- ## 📦 Installation Using **npm**: ```bash npm install react-dev-companion --save-dev ``` Using **yarn**: ```bash yarn add react-dev-companion --dev ``` --- ## ⚡ Usage Import the component and styles into your project: ```tsx import { Companion } from 'react-dev-companion'; export default function App() { return ( <div> <Companion direction="bottom-right" resetOnClick /> </div> ); } ``` --- ## 🎛 Props | Prop | Type | Default | Description | |--------------|---------|------------------|-----------------------------------------------------------------------------| | `position` | string | `"bottom-right"` | Position of the companion. Options: `"bottom-right"`, `"bottom-left"`, `"top-right"`, `"top-left"`. | | `resetOnClick` | boolean | `false` | Resets the companions timer. | --- ## 📄 License This project is licensed under the **MIT License** free to use and modify. --- ## 💡 Contributing Pull requests are welcome! For major changes, please open an issue first to discuss your ideas.