Merge pull request #5 from VVK027/ui_updates

added pub.dev link to the project.

Author: VVK027

CONTRIBUTING.md

@@ -130,8 +130,6 @@ flutter test --coverage
 dart run build_runner build --delete-conflicting-outputs
 ```
 
-See [CONTRIBUTING.md](CONTRIBUTING.md) for branch naming, PR expectations, and contribution ideas.
-
 ## Build
 
 ```bash

README.md

@@ -309,7 +309,8 @@
       "previewImage": "assets/projects/flutter_band_fit_preview.jpg",
       "playStoreUrl": [],
       "appStoreUrl": [],
-      "githubUrl": "https://github.com/VVK027/flutter_band_fit"
+      "githubUrl": "https://github.com/VVK027/flutter_band_fit",
+      "pubUrl": "https://pub.dev/packages/flutter_band_fit"
     },
     {
       "name": "Docty Digital Health for All",

assets/data.json

@@ -50,6 +50,8 @@ class AppColors extends ThemeExtension<AppColors> {
   final Color appStoreBorder;
   final Color githubFg;
   final Color githubBorder;
+  final Color pubFg;
+  final Color pubBorder;
   final Color internalLabel;
   final Color success;
   final Color toggleCircle;
@@ -107,6 +109,8 @@ class AppColors extends ThemeExtension<AppColors> {
     required this.appStoreBorder,
     required this.githubFg,
     required this.githubBorder,
+    required this.pubFg,
+    required this.pubBorder,
     required this.internalLabel,
     required this.success,
     required this.toggleCircle,
@@ -165,6 +169,8 @@ class AppColors extends ThemeExtension<AppColors> {
     appStoreBorder: Color(0xFFC7D2FE),
     githubFg: Color(0xFF1E293B),
     githubBorder: Color(0xFFCBD5E1),
+    pubFg: Color(0xFF0175C2),
+    pubBorder: Color(0xFF7EC8E8),
     internalLabel: Color(0xFF64748B),
     success: Color(0xFF16A34A),
     toggleCircle: Color(0xFFFFFFFF),
@@ -223,6 +229,8 @@ class AppColors extends ThemeExtension<AppColors> {
     appStoreBorder: Color(0xFF4E5370),
     githubFg: Color(0xFFE0E0E0),
     githubBorder: Color(0xFF4E5370),
+    pubFg: Color(0xFF64B5F6),
+    pubBorder: Color(0xFF4E5370),
     internalLabel: Color(0xFF94A3B8),
     success: Color(0xFF81C784),
     toggleCircle: Color(0xFFE8EEFF),
@@ -282,6 +290,8 @@ class AppColors extends ThemeExtension<AppColors> {
     Color? appStoreBorder,
     Color? githubFg,
     Color? githubBorder,
+    Color? pubFg,
+    Color? pubBorder,
     Color? internalLabel,
     Color? success,
     Color? toggleCircle,
@@ -342,6 +352,8 @@ class AppColors extends ThemeExtension<AppColors> {
       appStoreBorder: appStoreBorder ?? this.appStoreBorder,
       githubFg: githubFg ?? this.githubFg,
       githubBorder: githubBorder ?? this.githubBorder,
+      pubFg: pubFg ?? this.pubFg,
+      pubBorder: pubBorder ?? this.pubBorder,
       internalLabel: internalLabel ?? this.internalLabel,
       success: success ?? this.success,
       toggleCircle: toggleCircle ?? this.toggleCircle,
@@ -409,6 +421,8 @@ class AppColors extends ThemeExtension<AppColors> {
       appStoreBorder: l(appStoreBorder, other.appStoreBorder),
       githubFg: l(githubFg, other.githubFg),
       githubBorder: l(githubBorder, other.githubBorder),
+      pubFg: l(pubFg, other.pubFg),
+      pubBorder: l(pubBorder, other.pubBorder),
       internalLabel: l(internalLabel, other.internalLabel),
       success: l(success, other.success),
       toggleCircle: l(toggleCircle, other.toggleCircle),

assets/icons/pub.svg

@@ -46,6 +46,7 @@ class PortfolioMapper {
       fullDescription: model.fullDescription,
       features: model.features,
       githubUrl: model.githubUrl,
+      pubUrl: model.pubUrl,
     );
   }
 

lib/core/theme/app_colors.dart

@@ -86,6 +86,7 @@ class ProjectModel {
   final List<String>? fullDescription;
   final List<String>? features;
   final String? githubUrl;
+  final String? pubUrl;
 
   ProjectModel(
     this.name,
@@ -97,6 +98,7 @@ class ProjectModel {
     this.fullDescription,
     this.features,
     this.githubUrl,
+    this.pubUrl,
   );
 
   factory ProjectModel.fromJson(Map<String, dynamic> json) =>

lib/data/mappers/portfolio_mapper.dart

@@ -61,6 +61,7 @@ class Project {
   final List<String>? fullDescription;
   final List<String>? features;
   final String? githubUrl;
+  final String? pubUrl;
 
   const Project({
     required this.name,
@@ -72,6 +73,7 @@ class Project {
     this.fullDescription,
     this.features,
     this.githubUrl,
+    this.pubUrl,
   });
 }
 

lib/data/models/portfolio_model.dart

@@ -6,6 +6,7 @@ import 'package:vivekdevfolio/presentation/widgets/svg_path_parser.dart';
 enum PortfolioIcon {
   linkedin('assets/icons/linkedin.svg'),
   github('assets/icons/github.svg'),
+  pub('assets/icons/pub.svg'),
   facebook('assets/icons/facebook-f.svg'),
   whatsapp('assets/icons/whatsapp.svg');
 

lib/domain/entities/portfolio.dart

@@ -55,9 +55,11 @@ class _ProjectDetailContent extends StatelessWidget {
     final playStoreUrls = project.playStoreUrl;
     final appStoreUrls = project.appStoreUrl;
     final githubUrl = (project.githubUrl ?? '').trim();
+    final pubUrl = (project.pubUrl ?? '').trim();
     final hasPlayStore = playStoreUrls.isNotEmpty;
     final hasAppStore = appStoreUrls.isNotEmpty;
     final hasGithub = githubUrl.isNotEmpty;
+    final hasPub = pubUrl.isNotEmpty;
     final descriptions = project.fullDescription ?? [project.desc];
     final features = project.features ?? [];
     final hasFeatures = features.isNotEmpty;
@@ -185,7 +187,7 @@ class _ProjectDetailContent extends StatelessWidget {
               ),
               Padding(
                 padding: const EdgeInsets.fromLTRB(24, 0, 24, 20),
-                child: (hasPlayStore || hasAppStore || hasGithub)
+                child: (hasPlayStore || hasAppStore || hasGithub || hasPub)
                     ? SizedBox(
                         height: 48,
                         child: SingleChildScrollView(
@@ -196,6 +198,7 @@ class _ProjectDetailContent extends StatelessWidget {
                               playStoreUrls: playStoreUrls,
                               appStoreUrls: appStoreUrls,
                               githubUrl: hasGithub ? githubUrl : null,
+                              pubUrl: hasPub ? pubUrl : null,
                             ),
                           ),
                         ),
@@ -244,6 +247,7 @@ class _ProjectDetailContent extends StatelessWidget {
     required List<String> playStoreUrls,
     required List<String> appStoreUrls,
     required String? githubUrl,
+    required String? pubUrl,
   }) {
     final colors = context.appColors;
     final widgets = <Widget>[];
@@ -312,6 +316,29 @@ class _ProjectDetailContent extends StatelessWidget {
       );
     }
 
+    if (pubUrl != null) {
+      if (widgets.isNotEmpty) widgets.add(const SizedBox(width: 10));
+      widgets.add(
+        FilledButton.icon(
+          onPressed: () => _openUrl(context, pubUrl),
+          icon: const PortfolioAssetIcon(
+            icon: PortfolioIcon.pub,
+            size: 18,
+          ),
+          label: const Text('pub.dev'),
+          style: FilledButton.styleFrom(
+            minimumSize: const Size(0, 48),
+            backgroundColor: colors.pubFg.withValues(alpha: 0.12),
+            foregroundColor: colors.pubFg,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(10),
+              side: BorderSide(color: colors.pubBorder),
+            ),
+          ),
+        ),
+      );
+    }
+
     return widgets;
   }