Skip to content

FraFratt/tamagotchi-counter

Repository files navigation

Tamagotchi Counter 🐣

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.

✨ Features

  • 🎮 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

🛠 Installation

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

About

Microfrontend counter DEMO version

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors