Het Gondaliya | Flutter Developer

import 'package:flutter/material.dart'; import 'screens/home_screen.dart'; import 'utils/theme.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Het Gondaliya | Portfolio', debugShowCheckedModeBanner: false, theme: AppTheme.lightTheme, darkTheme: AppTheme.darkTheme, themeMode: ThemeMode.system, home: const HomeScreen(), ); } } import 'package:flutter/material.dart'; import '../widgets/header.dart'; import '../widgets/about_section.dart'; import '../widgets/skills_section.dart'; import '../widgets/projects_section.dart'; import '../widgets/contact_section.dart'; import '../widgets/footer.dart'; import '../widgets/responsive_layout.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: ResponsiveLayout( mobileBody: _buildMobileBody(), tabletBody: _buildTabletBody(), desktopBody: _buildDesktopBody(), ), ); } Widget _buildMobileBody() { return const SingleChildScrollView( child: Column( children: [ Header(), AboutSection(), SkillsSection(), ProjectsSection(), ContactSection(), Footer(), ], ), ); } Widget _buildTabletBody() { return _buildMobileBody(); } Widget _buildDesktopBody() { return const SingleChildScrollView( child: Column( children: [ Header(), AboutSection(), SkillsSection(), ProjectsSection(), ContactSection(), Footer(), ], ), ); } } import 'package:flutter/material.dart'; class ResponsiveLayout extends StatelessWidget { final Widget mobileBody; final Widget tabletBody; final Widget desktopBody; const ResponsiveLayout({ super.key, required this.mobileBody, required this.tabletBody, required this.desktopBody, }); @override Widget build(BuildContext context) { return LayoutBuilder( builder: (context, constraints) { if (constraints.maxWidth < 600) { return mobileBody; } else if (constraints.maxWidth < 1200) { return tabletBody; } else { return desktopBody; } }, ); } } import 'package:flutter/material.dart'; import '../utils/constants.dart'; class Header extends StatelessWidget { const Header({super.key}); @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isMobile = screenWidth < 600; return Container( height: isMobile ? 80 : 100, padding: EdgeInsets.symmetric(horizontal: isMobile ? 16 : 64), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.1), blurRadius: 8, offset: const Offset(0, 2), ), ], ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( 'Het Gondaliya', style: TextStyle( fontSize: isMobile ? 20 : 24, fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), if (!isMobile) _buildNavLinks(context), if (isMobile) _buildMobileMenu(context), ], ), ); } Widget _buildNavLinks(BuildContext context) { return Row( children: [ for (final item in AppConstants.navItems) Padding( padding: const EdgeInsets.symmetric(horizontal: 16), child: InkWell( onTap: () {}, child: Text( item, style: TextStyle( fontSize: 16, fontWeight: FontWeight.w500, color: Theme.of(context).colorScheme.onSurface, ), ), ), ), ], ); } Widget _buildMobileMenu(BuildContext context) { return IconButton( icon: const Icon(Icons.menu), onPressed: () { showModalBottomSheet( context: context, builder: (context) => Container( padding: const EdgeInsets.symmetric(vertical: 24), child: Column( mainAxisSize: MainAxisSize.min, children: [ for (final item in AppConstants.navItems) ListTile( title: Text( item, textAlign: TextAlign.center, style: const TextStyle(fontSize: 18), ), onTap: () { Navigator.pop(context); }, ), ], ), ), ); }, ); } } import 'package:flutter/material.dart'; class AboutSection extends StatelessWidget { const AboutSection({super.key}); @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isMobile = screenWidth < 600; return Container( padding: EdgeInsets.symmetric( horizontal: isMobile ? 16 : 64, vertical: 64, ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Center( child: Text( 'About Me', style: Theme.of(context).textTheme.headlineMedium?.copyWith( fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), ), const SizedBox(height: 48), isMobile ? _buildMobileLayout(context) : _buildDesktopLayout(context), ], ), ); } Widget _buildMobileLayout(BuildContext context) { return Column( crossAxisAlignment: CrossAxisAlignment.center, children: [ _buildProfileImage(), const SizedBox(height: 32), _buildBio(context), ], ); } Widget _buildDesktopLayout(BuildContext context) { return Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded(flex: 2, child: _buildProfileImage()), const SizedBox(width: 48), Expanded(flex: 3, child: _buildBio(context)), ], ); } Widget _buildProfileImage() { return Container( constraints: const BoxConstraints(maxWidth: 300), child: ClipRRect( borderRadius: BorderRadius.circular(16), child: Image.network( 'https://via.placeholder.com/300x400', fit: BoxFit.cover, ), ), ); } Widget _buildBio(BuildContext context) { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Hello, I\'m Het Gondaliya', style: Theme.of(context).textTheme.headlineSmall?.copyWith( fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), Text( 'Flutter Developer', style: Theme.of(context).textTheme.titleLarge?.copyWith( color: Theme.of(context).colorScheme.secondary, ), ), const SizedBox(height: 24), Text( 'I am a passionate Flutter developer with expertise in building beautiful, responsive, and performant mobile applications. ' 'With a strong foundation in Dart and Flutter framework, I create cross-platform applications that provide native-like experiences on both iOS and Android platforms.\n\n' 'My goal is to develop applications that not only meet the functional requirements but also provide an exceptional user experience. ' 'I am constantly learning and exploring new technologies to enhance my skills and stay updated with the latest trends in mobile development.', style: Theme.of(context).textTheme.bodyLarge, ), const SizedBox(height: 32), Wrap( spacing: 16, runSpacing: 16, children: [ _buildInfoItem(context, 'Email', 'het.gondaliya@example.com'), _buildInfoItem(context, 'Location', 'India'), _buildInfoItem(context, 'Experience', '3+ Years'), ], ), ], ); } Widget _buildInfoItem(BuildContext context, String label, String value) { return Container( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surfaceVariant, borderRadius: BorderRadius.circular(8), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( label, style: TextStyle( fontSize: 14, color: Theme.of(context).colorScheme.secondary, ), ), const SizedBox(height: 4), Text( value, style: const TextStyle( fontSize: 16, fontWeight: FontWeight.w500, ), ), ], ), ); } } import 'package:flutter/material.dart'; import '../utils/constants.dart'; class SkillsSection extends StatelessWidget { const SkillsSection({super.key}); @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isMobile = screenWidth < 600; return Container( padding: EdgeInsets.symmetric( horizontal: isMobile ? 16 : 64, vertical: 64, ), color: Theme.of(context).colorScheme.surfaceVariant.withOpacity(0.3), child: Column( children: [ Text( 'My Skills', style: Theme.of(context).textTheme.headlineMedium?.copyWith( fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), const SizedBox(height: 48), Wrap( spacing: 16, runSpacing: 16, alignment: WrapAlignment.center, children: AppConstants.skills.map((skill) { return _buildSkillCard(context, skill); }).toList(), ), ], ), ); } Widget _buildSkillCard(BuildContext context, String skill) { return Container( width: 150, padding: const EdgeInsets.symmetric(vertical: 24, horizontal: 16), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(8), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.05), blurRadius: 10, offset: const Offset(0, 4), ), ], ), child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon( Icons.code, size: 40, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 16), Text( skill, textAlign: TextAlign.center, style: const TextStyle( fontSize: 16, fontWeight: FontWeight.w500, ), ), ], ), ); } } import 'package:flutter/material.dart'; import '../utils/constants.dart'; class ProjectsSection extends StatelessWidget { const ProjectsSection({super.key}); @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isMobile = screenWidth < 600; return Container( padding: EdgeInsets.symmetric( horizontal: isMobile ? 16 : 64, vertical: 64, ), child: Column( children: [ Text( 'My Projects', style: Theme.of(context).textTheme.headlineMedium?.copyWith( fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), const SizedBox(height: 48), GridView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: isMobile ? 1 : (screenWidth < 1200 ? 2 : 3), crossAxisSpacing: 24, mainAxisSpacing: 24, childAspectRatio: isMobile ? 1.2 : 1, ), itemCount: AppConstants.projects.length, itemBuilder: (context, index) { final project = AppConstants.projects[index]; return _buildProjectCard(context, project); }, ), ], ), ); } Widget _buildProjectCard(BuildContext context, Map project) { return Container( decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(12), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.1), blurRadius: 10, offset: const Offset(0, 4), ), ], ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ ClipRRect( borderRadius: const BorderRadius.vertical(top: Radius.circular(12)), child: Image.network( project['image']!, height: 180, width: double.infinity, fit: BoxFit.cover, ), ), Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( project['title']!, style: const TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), Text( project['description']!, maxLines: 3, overflow: TextOverflow.ellipsis, style: TextStyle( fontSize: 14, color: Theme.of(context).colorScheme.onSurfaceVariant, ), ), const SizedBox(height: 16), Row( children: [ ElevatedButton( onPressed: () {}, child: const Text('View Project'), ), const SizedBox(width: 8), IconButton( icon: const Icon(Icons.code), onPressed: () {}, tooltip: 'View Code', ), ], ), ], ), ), ], ), ); } } import 'package:flutter/material.dart'; class ContactSection extends StatefulWidget { const ContactSection({super.key}); @override State createState() => _ContactSectionState(); } class _ContactSectionState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _emailController = TextEditingController(); final _messageController = TextEditingController(); @override void dispose() { _nameController.dispose(); _emailController.dispose(); _messageController.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isMobile = screenWidth < 600; return Container( padding: EdgeInsets.symmetric( horizontal: isMobile ? 16 : 64, vertical: 64, ), color: Theme.of(context).colorScheme.surfaceVariant.withOpacity(0.3), child: Column( children: [ Text( 'Contact Me', style: Theme.of(context).textTheme.headlineMedium?.copyWith( fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), const SizedBox(height: 16), Text( 'Feel free to reach out to me for any questions or opportunities!', textAlign: TextAlign.center, style: Theme.of(context).textTheme.bodyLarge, ), const SizedBox(height: 48), isMobile ? _buildContactForm(context) : Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( child: _buildContactInfo(context), ), const SizedBox(width: 48), Expanded( child: _buildContactForm(context), ), ], ), ], ), ); } Widget _buildContactInfo(BuildContext context) { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Contact Information', style: Theme.of(context).textTheme.titleLarge?.copyWith( fontWeight: FontWeight.bold, ), ), const SizedBox(height: 24), _buildContactItem( context, Icons.email, 'Email', 'het.gondaliya@example.com', ), const SizedBox(height: 16), _buildContactItem( context, Icons.phone, 'Phone', '+91 9876543210', ), const SizedBox(height: 16), _buildContactItem( context, Icons.location_on, 'Location', 'India', ), const SizedBox(height: 32), Text( 'Social Media', style: Theme.of(context).textTheme.titleLarge?.copyWith( fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Row( children: [ _buildSocialIcon(context, Icons.language, 'Website'), const SizedBox(width: 16), _buildSocialIcon(context, Icons.code, 'GitHub'), const SizedBox(width: 16), _buildSocialIcon(context, Icons.work, 'LinkedIn'), const SizedBox(width: 16), _buildSocialIcon(context, Icons.chat, 'Twitter'), ], ), ], ); } Widget _buildContactItem( BuildContext context, IconData icon, String title, String content) { return Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Icon( icon, color: Theme.of(context).colorScheme.primary, size: 24, ), const SizedBox(width: 16), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( title, style: const TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 4), Text( content, style: TextStyle( fontSize: 14, color: Theme.of(context).colorScheme.onSurfaceVariant, ), ), ], ), ], ); } Widget _buildSocialIcon(BuildContext context, IconData icon, String tooltip) { return Tooltip( message: tooltip, child: Container( width: 40, height: 40, decoration: BoxDecoration( color: Theme.of(context).colorScheme.primary, shape: BoxShape.circle, ), child: Icon( icon, color: Colors.white, size: 20, ), ), ); } Widget _buildContactForm(BuildContext context) { return Container( padding: const EdgeInsets.all(24), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(12), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.1), blurRadius: 10, offset: const Offset(0, 4), ), ], ), child: Form( key: _formKey, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Send Me a Message', style: Theme.of(context).textTheme.titleLarge?.copyWith( fontWeight: FontWeight.bold, ), ), const SizedBox(height: 24), TextFormField( controller: _nameController, decoration: const InputDecoration( labelText: 'Name', border: OutlineInputBorder(), prefixIcon: Icon(Icons.person), ), validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your name'; } return null; }, ), const SizedBox(height: 16), TextFormField( controller: _emailController, decoration: const InputDecoration( labelText: 'Email', border: OutlineInputBorder(), prefixIcon: Icon(Icons.email), ), validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your email'; } if (!RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$') .hasMatch(value)) { return 'Please enter a valid email'; } return null; }, ), const SizedBox(height: 16), TextFormField( controller: _messageController, decoration: const InputDecoration( labelText: 'Message', border: OutlineInputBorder(), prefixIcon: Icon(Icons.message), alignLabelWithHint: true, ), maxLines: 5, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your message'; } return null; }, ), const SizedBox(height: 24), SizedBox( width: double.infinity, height: 50, child: ElevatedButton( onPressed: () { if (_formKey.currentState!.validate()) { // Process form data ScaffoldMessenger.of(context).showSnackBar( const SnackBar( content: Text('Message sent successfully!'), ), ); _nameController.clear(); _emailController.clear(); _messageController.clear(); } }, style: ElevatedButton.styleFrom( backgroundColor: Theme.of(context).colorScheme.primary, foregroundColor: Colors.white, ), child: const Text( 'Send Message', style: TextStyle(fontSize: 16), ), ), ), ], ), ), ); } } import 'package:flutter/material.dart'; class Footer extends StatelessWidget { const Footer({super.key}); @override Widget build(BuildContext context) { final screenWidth = MediaQuery.of(context).size.width; final isMobile = screenWidth < 600; return Container( padding: EdgeInsets.symmetric( horizontal: isMobile ? 16 : 64, vertical: 24, ), color: Theme.of(context).colorScheme.primary, child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.center, children: [ IconButton( icon: const Icon(Icons.language, color: Colors.white), onPressed: () {}, ), IconButton( icon: const Icon(Icons.code, color: Colors.white), onPressed: () {}, ), IconButton( icon: const Icon(Icons.work, color: Colors.white), onPressed: () {}, ), IconButton( icon: const Icon(Icons.chat, color: Colors.white), onPressed: () {}, ), ], ), const SizedBox(height: 16), const Divider(color: Colors.white30), const SizedBox(height: 16), Text( '© ${DateTime.now().year} Het Gondaliya. All rights reserved.', style: const TextStyle( color: Colors.white, fontSize: 14, ), ), const SizedBox(height: 8), Text( 'Made with Flutter', style: TextStyle( color: Colors.white.withOpacity(0.7), fontSize: 12, ), ), ], ), ); } } import 'package:flutter/material.dart'; class AppTheme { static ThemeData get lightTheme { return ThemeData( useMaterial3: true, colorScheme: ColorScheme.fromSeed( seedColor: Colors.blue, brightness: Brightness.light, ), fontFamily: 'Poppins', appBarTheme: const AppBarTheme( centerTitle: true, elevation: 0, ), elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), ), inputDecorationTheme: InputDecorationTheme( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), contentPadding: const EdgeInsets.symmetric( horizontal: 16, vertical: 16, ), ), ); } static ThemeData get darkTheme { return ThemeData( useMaterial3: true, colorScheme: ColorScheme.fromSeed( seedColor: Colors.blue, brightness: Brightness.dark, ), fontFamily: 'Poppins', appBarTheme: const AppBarTheme( centerTitle: true, elevation: 0, ), elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), ), inputDecorationTheme: InputDecorationTheme( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), contentPadding: const EdgeInsets.symmetric( horizontal: 16, vertical: 16, ), ), ); } } class AppConstants { static const List navItems = [ 'Home', 'About', 'Skills', 'Projects', 'Contact', ]; static const List skills = [ 'Flutter', 'Dart', 'Firebase', 'REST API', 'State Management', 'UI/UX Design', 'Git', 'Clean Architecture', 'BLoC Pattern', 'Provider', 'GetX', 'Responsive Design', ]; static const List> projects = [ { 'title': 'E-Commerce App', 'description': 'A full-featured e-commerce application with product catalog, cart, and payment integration.', 'image': 'https://via.placeholder.com/600x400?text=E-Commerce+App', }, { 'title': 'Chat Application', 'description': 'Real-time chat application with Firebase backend, supporting text, images, and notifications.', 'image': 'https://via.placeholder.com/600x400?text=Chat+App', }, { 'title': 'Task Manager', 'description': 'Productivity app for managing tasks with reminders, categories, and progress tracking.', 'image': 'https://via.placeholder.com/600x400?text=Task+Manager', }, { 'title': 'Weather App', 'description': 'Weather forecast application with beautiful UI and location-based weather updates.', 'image': 'https://via.placeholder.com/600x400?text=Weather+App', }, { 'title': 'Fitness Tracker', 'description': 'Health and fitness tracking app with workout plans, progress charts, and nutrition logging.', 'image': 'https://via.placeholder.com/600x400?text=Fitness+Tracker', }, { 'title': 'News Reader', 'description': 'News aggregator app with customizable categories, bookmarking, and offline reading.', 'image': 'https://via.placeholder.com/600x400?text=News+Reader', }, ]; } name: portfolio_website description: Het Gondaliya's Portfolio Website publish_to: 'none' version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.5 url_launcher: ^6.1.11 google_fonts: ^5.1.0 flutter_svg: ^2.0.7 animated_text_kit: ^4.2.2 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.2 flutter: uses-material-design: true fonts: - family: Poppins fonts: - asset: assets/fonts/Poppins-Regular.ttf - asset: assets/fonts/Poppins-Medium.ttf weight: 500 - asset: assets/fonts/Poppins-SemiBold.ttf weight: 600 - asset: assets/fonts/Poppins-Bold.ttf weight: 700 Het Gondaliya | Flutter Developer

{ "name": "Het Gondaliya Portfolio", "short_name": "Het Gondaliya", "start_url": ".", "display": "standalone", "background_color": "#0175C2", "theme_color": "#0175C2", "description": "Het Gondaliya's Flutter Developer Portfolio", "orientation": "portrait-primary", "prefer_related_applications": false, "icons": [ { "src": "icons/Icon-192.png", "sizes": "192x192", "type": "image/png" }, { "src": "icons/Icon-512.png", "sizes": "512x512", "type": "image/png" }, { "src": "icons/Icon-maskable-192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" }, { "src": "icons/Icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ] } I've created a comprehensive portfolio website for Het Gondaliya, a Flutter developer. The website includes: 1. A responsive layout that works on mobile, tablet, and desktop 2. Sections for: - About Me - Skills - Projects - Contact form - Footer with social links The design uses Material 3 with a clean, professional look and includes both light and dark themes. The structure is modular with separate files for each component, making it easy to maintain and extend. To run this project, you'll need to: 1. Create the folder structure as shown 2. Add the Poppins font files to the assets/fonts directory 3. Run `flutter pub get` to install dependencies 4. Launch with `flutter run -d chrome` for web viewing