An interactive Tamagotchi-style counter component built with React + Vite, designed for seamless integration into microfrontend architectures. Originally inspired by its resemblance to classic Tamagotchi devices, this community edition offers a delightful UI experience while maintaining enterprise-grade functionality.
Note: This is the community edition (demo version). The Pro version with advanced features was successfully implemented in a large-scale enterprise project.
- 🎮 Interactive Counter with tactile buttons
- 🌓 Dark/Light Mode with local storage persistence
- 📋 One-Click Copy to clipboard functionality
- 🔄 Reset Button for quick zeroing
- 📱 Fully Responsive design with pixel-perfect details
- ⏫ Configurable Limit (default: 9999)
- 🎨 Theme Customization via CSS variables
- 🚀 Optimized Performance with Vite
- 🧩 Microfrontend Ready standalone component
- 🎭 Smooth Animations and visual feedback
Install via npm or yarn:
npm install tamagotchi-counter
# or
yarn add tamagotchi-counter
## Usage
## Basic Implementation
import React from 'react';
import TamagotchiCounter from 'tamagotchi-counter';
import 'tamagotchi-counter/dist/TamagotchiCounter.css';
function App() {
return (
<div className="app">
<TamagotchiCounter />
</div>
);
}
## Local Development
1. Clone the repository
git clone https://github.com/your-username/tamagotchi-counter.git
cd tamagotchi-counter
2. Install dependencies
npm install
# or
yarn
3. Start the development server
npm run dev
# or
yarn dev
4. Build the library
npm run build
# or
yarn build
## License
MIT