I'll help you create a Flutter/Dart version of this product site structure. Here's the Flutter implementation: import 'package:flutter/material.dart'; import 'package:product_site/screens/home_screen.dart'; import 'package:product_site/screens/admin/admin_dashboard.dart'; import 'package:product_site/screens/admin/add_product.dart'; import 'package:product_site/screens/admin/edit_product.dart'; import 'package:product_site/config/database.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); await DatabaseConfig.init(); runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Product Site', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue), useMaterial3: true, ), initialRoute: '/', routes: { '/': (context) => const HomeScreen(), '/admin': (context) => const AdminDashboard(), '/admin/add': (context) => const AddProductScreen(), '/admin/edit': (context) => const EditProductScreen(), }, ); } } import 'package:sqflite/sqflite.dart'; import 'package:path/path.dart'; class DatabaseConfig { static Database? _database; static Future get database async { if (_database != null) return _database!; _database = await init(); return _database!; } static Future init() async { final dbPath = await getDatabasesPath(); final path = join(dbPath, 'products.db'); return await openDatabase( path, version: 1, onCreate: (db, version) async { await db.execute(''' CREATE TABLE products( id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL, description TEXT, price REAL NOT NULL, imagePath TEXT, createdAt TEXT DEFAULT CURRENT_TIMESTAMP ) '''); }, ); } } import 'package:flutter/material.dart'; import 'package:product_site/widgets/header.dart'; import 'package:product_site/widgets/footer.dart'; import 'package:product_site/models/product.dart'; import 'package:product_site/config/database.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { List products = []; @override void initState() { super.initState(); _loadProducts(); } Future _loadProducts() async { final db = await DatabaseConfig.database; final List> maps = await db.query('products'); setState(() { products = List.generate(maps.length, (i) => Product.fromMap(maps[i])); }); } @override Widget build(BuildContext context) { return Scaffold( appBar: const Header(), body: GridView.builder( padding: const EdgeInsets.all(16), gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, crossAxisSpacing: 16, mainAxisSpacing: 16, childAspectRatio: 0.8, ), itemCount: products.length, itemBuilder: (context, index) { final product = products[index]; return Card( child: Column( children: [ Expanded( child: product.imagePath != null ? Image.network(product.imagePath!, fit: BoxFit.cover) : const Icon(Icons.image, size: 100), ), Padding( padding: const EdgeInsets.all(8.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( product.name, style: const TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), Text('\$${product.price.toStringAsFixed(2)}'), ], ), ), ], ), ); }, ), bottomNavigationBar: const Footer(), ); } } import 'package:flutter/material.dart'; import 'package:product_site/widgets/header.dart'; import 'package:product_site/models/product.dart'; import 'package:product_site/config/database.dart'; import 'package:product_site/screens/admin/add_product.dart'; import 'package:product_site/screens/admin/edit_product.dart'; class AdminDashboard extends StatefulWidget { const AdminDashboard({super.key}); @override State createState() => _AdminDashboardState(); } class _AdminDashboardState extends State { List products = []; @override void initState() { super.initState(); _loadProducts(); } Future _loadProducts() async { final db = await DatabaseConfig.database; final List> maps = await db.query('products'); setState(() { products = List.generate(maps.length, (i) => Product.fromMap(maps[i])); }); } Future _deleteProduct(int id) async { final db = await DatabaseConfig.database; await db.delete('products', where: 'id = ?', whereArgs: [id]); _loadProducts(); } @override Widget build(BuildContext context) { return Scaffold( appBar: const Header(), floatingActionButton: FloatingActionButton( onPressed: () { Navigator.push( context, MaterialPageRoute(builder: (context) => const AddProductScreen()), ); }, child: const Icon(Icons.add), ), body: ListView.builder( padding: const EdgeInsets.all(16), itemCount: products.length, itemBuilder: (context, index) { final product = products[index]; return Card( child: ListTile( leading: product.imagePath != null ? Image.network(product.imagePath!, width: 50, height: 50) : const Icon(Icons.image), title: Text(product.name), subtitle: Text('\$${product.price.toStringAsFixed(2)}'), trailing: Row( mainAxisSize: MainAxisSize.min, children: [ IconButton( icon: const Icon(Icons.edit), onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => EditProductScreen(product: product), ), ); }, ), IconButton( icon: const Icon(Icons.delete), onPressed: () => _deleteProduct(product.id!), ), ], ), ), ); }, ), ); } } import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; import 'package:product_site/config/database.dart'; import 'package:product_site/models/product.dart'; import 'dart:io'; class AddProductScreen extends StatefulWidget { const AddProductScreen({super.key}); @override State createState() => _AddProductScreenState(); } class _AddProductScreenState extends State { final _formKey = GlobalKey(); final _nameController = TextEditingController(); final _descriptionController = TextEditingController(); final _priceController = TextEditingController(); File? _imageFile; Future _pickImage() async { final pickedFile = await ImagePicker().pickImage(source: ImageSource.gallery); if (pickedFile != null) { setState(() { _imageFile = File(pickedFile.path); }); } } Future _saveProduct() async { if (_formKey.currentState!.validate()) { final db = await DatabaseConfig.database; final product = Product( name: _nameController.text, description: _descriptionController.text, price: double.parse(_priceController.text), imagePath: _imageFile?.path, ); await db.insert('products', product.toMap()); Navigator.pop(context); } } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Add Product'), ), body: Padding( padding: const EdgeInsets.all(16.0), child: Form( key: _formKey, child: Column( children: [ TextFormField( controller: _nameController, decoration: const InputDecoration(labelText: 'Product Name'), validator: (value) { if (value == null || value.isEmpty) { return 'Please enter a product name'; } return null; }, ), TextFormField( controller: _descriptionController, decoration: const InputDecoration(labelText: 'Description'), maxLines: 3, ), TextFormField( controller: _priceController, decoration: const InputDecoration(labelText: 'Price'), keyboardType: TextInputType.number, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter a price'; } if (double.tryParse(value) == null) { return 'Please enter a valid number'; } return null; }, ), const SizedBox(height: 16), _imageFile != null ? Image.file(_imageFile!, height: 200) : const Icon(Icons.image, size: 100), ElevatedButton( onPressed: _pickImage, child: const Text('Select Image'), ), const SizedBox(height: 16), ElevatedButton( onPressed: _saveProduct, child: const Text('Save Product'), ), ], ), ), ), ); } } import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; import 'package:product_site/config/database.dart'; import 'package:product_site/models/product.dart'; import 'dart:io'; class EditProductScreen extends StatefulWidget { final Product product; const EditProductScreen({super.key, required this.product}); @override State createState() => _EditProductScreenState(); } class _EditProductScreenState extends State { final _formKey = GlobalKey(); late final _nameController = TextEditingController(text: widget.product.name); late final _descriptionController = TextEditingController(text: widget.product.description); late final _priceController = TextEditingController(text: widget.product.price.toString()); File? _imageFile; Future _pickImage() async { final pickedFile = await ImagePicker().pickImage(source: ImageSource.gallery); if (pickedFile != null) { setState(() { _imageFile = File(pickedFile.path); }); } } Future _updateProduct() async { if (_formKey.currentState!.validate()) { final db = await DatabaseConfig.database; final product = Product( id: widget.product.id, name: _nameController.text, description: _descriptionController.text, price: double.parse(_priceController.text), imagePath: _imageFile?.path ?? widget.product.imagePath, ); await db.update( 'products', product.toMap(), where: 'id = ?', whereArgs: [product.id], ); Navigator.pop(context); } } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Edit Product'), ), body: Padding( padding: const EdgeInsets.all(16.0), child: Form( key: _formKey, child: Column( children: [ TextFormField( controller: _nameController, decoration: const InputDecoration(labelText: 'Product Name'), validator: (value) { if (value == null || value.isEmpty) { return 'Please enter a product name'; } return null; }, ), TextFormField( controller: _descriptionController, decoration: const InputDecoration(labelText: 'Description'), maxLines: 3, ), TextFormField( controller: _priceController, decoration: const InputDecoration(labelText: 'Price'), keyboardType: TextInputType.number, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter a price'; } if (double.tryParse(value) == null) { return 'Please enter a valid number'; } return null; }, ), const SizedBox(height: 16), _imageFile != null ? Image.file(_imageFile!, height: 200) : widget.product.imagePath != null ? Image.network(widget.product.imagePath!, height: 200) : const Icon(Icons.image, size: 100), ElevatedButton( onPressed: _pickImage, child: const Text('Change Image'), ), const SizedBox(height: 16), ElevatedButton( onPressed: _updateProduct, child: const Text('Update Product'), ), ], ), ), ), ); } } class Product { int? id; final String name; final String? description; final double price; final String? imagePath; final String? createdAt; Product({ this.id, required this.name, this.description, required this.price, this.imagePath, this.createdAt, }); Map toMap() { return { 'id': id, 'name': name, 'description': description, 'price': price, 'imagePath': imagePath, 'createdAt': createdAt, }; } factory Product.fromMap(Map map) { return Product( id: map['id'], name: map['name'], description: map['description'], price: map['price'], imagePath: map['imagePath'], createdAt: map['createdAt'], ); } } import 'package:flutter/material.dart'; class Header extends StatelessWidget implements PreferredSizeWidget { const Header({super.key}); @override Widget build(BuildContext context) { return AppBar( title: const Text('Product Site'), actions: [ IconButton( icon: const Icon(Icons.admin_panel_settings), onPressed: () { Navigator.pushNamed(context, '/admin'); }, ), ], ); } @override Size get preferredSize => const Size.fromHeight(kToolbarHeight); } import 'package:flutter/material.dart'; class Footer extends StatelessWidget { const Footer({super.key}); @override Widget build(BuildContext context) { return Container( padding: const EdgeInsets.all(16), color: Colors.grey[200], child: const Center( child: Text( '© 2023 Product Site. All rights reserved.', style: TextStyle(color: Colors.grey), ), ), ); } } name: product_site description: A Flutter implementation of a product site. publish_to: 'none' version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' dependencies: flutter: sdk: flutter sqflite: ^2.3.0 path: ^1.8.3 image_picker: ^0.8.7+4 cupertino_icons: ^1.0.2 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^2.0.0 flutter: uses-material-design: true assets: - assets/