Update README and CHANGELOG for version 0.1.0

- Enhance README with detailed usage instructions and new features
- Update CHANGELOG to reflect new features and improvements in 0.1.0

Author: vishalxtyagi

CHANGELOG.md

@@ -5,11 +5,26 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.0] - 2024-07-11
+
+### Added
+- Tooltip functionality for hotspots
+- Custom icon support for hotspots
+- Comprehensive unit tests for the ImageHotspot widget
+- New customization options for image fitting (imageFit, imageWidth, imageHeight)
+
+### Changed
+- Refactored ImageHotspot widget for improved customization and flexibility
+- Updated example app to showcase new features and customization options
+
+### Improved
+- Enhanced documentation in README with detailed usage instructions and customization options
+
 ## [0.0.1] - 2024-07-10
 
 ### Added
-- Basic functionality for creating image hotspots.
-- Customizable hotspot positions.
-- Actions triggered on hotspot taps.
-- Initial documentation including README and LICENSE.
-- Example project demonstrating how to use the `ImageHotspot` widget.
+- Basic functionality for creating image hotspots
+- Customizable hotspot positions
+- Actions triggered on hotspot taps
+- Initial documentation including README and LICENSE
+- Example project demonstrating how to use the `ImageHotspot` widget

README.md

@@ -26,31 +26,38 @@ dependencies:
 import 'package:flutter/material.dart';
 import 'package:image_hotspot/image_hotspot.dart';
 
-void main() => runApp(MyApp());
+void main() => runApp(const MyApp());
 
 class MyApp extends StatelessWidget {
+  const MyApp({super.key});
+
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
-        appBar: AppBar(title: Text('Image Hotspot Example')),
+        appBar: AppBar(title: const Text('Image Hotspot Example')),
         body: Center(
           child: ImageHotspot(
             imagePath: 'assets/sample_image.jpg',
+            imageWidth: 300,
+            imageHeight: 200,
+            imageFit: BoxFit.cover,
+            showTooltip: true,
             hotspots: [
               Hotspot(
-                x: 50.0,
-                y: 100.0,
-                onTap: () {
-                  print('Hotspot 1 tapped!');
-                },
+                x: 10,
+                y: 20,
+                onTap: () => print('Hotspot 1 tapped'),
+                tooltip: 'This is hotspot 1',
+                color: Colors.blue,
+                size: 30,
               ),
               Hotspot(
-                x: 150.0,
-                y: 200.0,
-                onTap: () {
-                  print('Hotspot 2 tapped!');
-                },
+                x: 200,
+                y: 150,
+                onTap: () => print('Hotspot 2 tapped'),
+                // tooltip: 'This is hotspot 2',
+                icon: Icon(Icons.star, color: Colors.yellow),
               ),
             ],
           ),