Full Stack Amazon Clone ve Admin Paneli Yazalım | Node.js, Flutter #1

import 'package:flutter/material.dart';[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]
String uri = 'http://<seninip>:3000';

class GlobalVariables {
  // Renkle
  static const appBarGradient = LinearGradient(
    colors: [
      Color.fromARGB(255, 29, 201, 192),
      Color.fromARGB(255, 125, 221, 216),
    ],
    stops: [0.5, 1.0],
  );

  static const secondaryColor = Color.fromRGBO(255, 153, 0, 1);
  static const backgroundColor = Colors.white;
  static const Color greyBackgroundCOlor = Color(0xffebecee);
  static var selectedNavBarColor = Colors.cyan[800]!;
  static const unselectedNavBarColor = Colors.black87;

  // statik resimler
  static const List<String> carouselImages = [
    'https://images-eu.ssl-images-amazon.com/images/G/31/img21/Wireless/WLA/TS/D37847648_Accessories_savingdays_Jan22_Cat_PC_1500.jpg',
    'https://images-eu.ssl-images-amazon.com/images/G/31/img2021/Vday/bwl/English.jpg',
    'https://images-eu.ssl-images-amazon.com/images/G/31/img22/Wireless/AdvantagePrime/BAU/14thJan/D37196025_IN_WL_AdvantageJustforPrime_Jan_Mob_ingress-banner_1242x450.jpg',
    'https://images-na.ssl-images-amazon.com/images/G/31/Symbol/2020/00NEW/1242_450Banners/PL31_copy._CB432483346_.jpg',
    'https://images-na.ssl-images-amazon.com/images/G/31/img21/shoes/September/SSW/pc-header._CB641971330_.jpg',
  ];

  static const List<Map<String, String>> categoryImages = [
    {
      'title': 'Mobiles',
      'image': 'assets/images/mobiles.jpeg',
    },
    {
      'title': 'Essentials',
      'image': 'assets/images/essentials.jpeg',
    },
    {
      'title': 'Appliances',
      'image': 'assets/images/appliances.jpeg',
    },
    {
      'title': 'Books',
      'image': 'assets/images/books.jpeg',
    },
    {
      'title': 'Fashion',
      'image': 'assets/images/fashion.jpeg',
    },
  ];
}

import 'package:amazon_clone/constants/global_variables.dart';[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Amazon Clone',
      theme: ThemeData(
        scaffoldBackgroundColor: GlobalVariables.backgroundColor,
        useMaterial3: true,
        colorScheme: const ColorScheme.light(primary: GlobalVariables.secondaryColor),
        appBarTheme: const AppBarTheme(
          elevation: 0,
          iconTheme: IconThemeData(color: Colors.black)
        )
      ),
      onGenerateRoute: ,
      home: Scaffold(
        appBar: AppBar(
        
          title: const Text('Hello'),
        ),
        body: Column(
          children: [
            const Center(
              child: Text('Flutter Demo Home Page'),
            ),
            ElevatedButton(onPressed: () {
              
            }, child: const Text('Click'),)
          ],
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]
class AuthScreen extends StatefulWidget {
 
  const AuthScreen({super.key});

  @override
  State<AuthScreen> createState() => _AuthScreenState();
}

class _AuthScreenState extends State<AuthScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(

    );
  }
}

import 'package:amazon_clone/features/auth/screens/auth_screen.dart';[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]import 'package:flutter/material.dart';

Route<dynamic> generateRoute(RouteSettings routeSettings) {
  switch (routeSettings.name) {
    case AuthScreen.routeName:
      return MaterialPageRoute(
        settings: routeSettings,
        builder: (_) => const AuthScreen(),
      );
    default:
      return MaterialPageRoute(
        settings: routeSettings,
        builder: (_) => const Scaffold(
          body: Center(
            child: Text('Screen does not exist'),
          ),
        ),
      );
  }
}

class AuthScreen extends StatefulWidget {[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]  static const String routeName = '/auth-screen';

Builder([/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]              builder: (context) {
                return ElevatedButton(
                  onPressed: () {
                    Navigator.pushNamed(context, AuthScreen.routeName);
                  },
                  child: const Text('Click'),
                );
              }
            )

onGenerateRoute: (settings) => generateRoute(settings),

import 'package:amazon_clone/constants/global_variables.dart';[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]import 'package:flutter/material.dart';

class AuthScreen extends StatefulWidget {
  static const String routeName = '/auth-screen';
  const AuthScreen({super.key});

  @override
  State<AuthScreen> createState() => _AuthScreenState();
}

class _AuthScreenState extends State<AuthScreen> {
  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      backgroundColor: GlobalVariables.greyBackgroundCOlor,
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.all(16.0),
          child: Column(
            children: [
              Text(
                'Welcome',
                style: TextStyle(
                  fontSize: 22,
                  fontWeight: FontWeight.w500,
                ),
              ),
              ListTile(
                title: Text(
                  'Create Account',
                  style: TextStyle(
                    fontWeight: FontWeight.bold,
                  ),
                ),
                leading: Radio(
                  activeColor: GlobalVariables.secondaryColor,
                  value:
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

enum Auth {[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]  signin,
  signup,
}

class _AuthScreenState extends State<AuthScreen> {[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]  Auth _auth = Auth.signup;

 leading: Radio([/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]                  activeColor: GlobalVariables.secondaryColor,
                  value: Auth.signup,
                  groupValue: _auth,
                  onChanged: (Auth? val) {
                    setState(() {
                      _auth = val!;
                    });
                  },

class _AuthScreenState extends State<AuthScreen> {[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]  Auth _auth = Auth.signup;
  final _signUpFormKey = GlobalKey<FormState>();
  final _signInFormKey = GlobalKey<FormState>();

if (_auth == Auth.signup)[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]                Form(
                  key: _signUpFormKey,
                  child: Column(
                    children: [],
                  ),
                ),
              ListTile(
                title: const Text(
                  'Sign In.',

import 'package:flutter/material.dart';[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]
class CustomTextField extends StatelessWidget {
  final TextEditingController controller;
  const CustomTextField({super.key, required this.controller});

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      controller: controller,
      decoration: const InputDecoration(
        border:  OutlineInputBorder(
          borderSide: BorderSide(
            color: Colors.black38,
          ),
        ),
        enabledBorder:  OutlineInputBorder(
          borderSide: BorderSide(
            color: Colors.black38,
          ),
        ),
        
      ),
      validator: (val) {
        
      },
    );
  }
}

class _AuthScreenState extends State<AuthScreen> {[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]  Auth _auth = Auth.signup;
  final _signUpFormKey = GlobalKey<FormState>();
  final _signInFormKey = GlobalKey<FormState>();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();
  final TextEditingController _nameController = TextEditingController();

  @override
  void dispose() {
  
    super.dispose();
    _emailController.dispose();
    _passwordController.dispose();
    _nameController.dispose();
  }

class CustomTextField extends StatelessWidget {[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]  final TextEditingController controller;
  final String hintText;

decoration: InputDecoration([/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]        hintText: hintText,

 Column([/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]                      children: [
                        CustomTextField(
                          controller: _nameController,
                          hintText: 'Name',
                        ),
                        const SizedBox(height: 10,),
                        CustomTextField(
                          controller: _emailController,
                          hintText: 'Email',
                        ),
                        const SizedBox(height: 10,),
                        CustomTextField(
                          controller: _passwordController,
                          hintText: 'Password',
                        ),
                      ],
                    ),

[/I][/FONT][/SIZE][/CENTER]
[SIZE=4][FONT=trebuchet ms][I][CENTER]import 'package:amazon_clone/constants/global_variables.dart';
import 'package:flutter/material.dart';
class CustomButton extends StatelessWidget {
  final String text;
  final VoidCallback onTap;
  const CustomButton({super.key, required this.text, required this.onTap});
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: onTap,
      style: ElevatedButton.styleFrom(
        minimumSize: const Size(double.infinity, 50),
        backgroundColor: GlobalVariables.secondaryColor,
        foregroundColor: GlobalVariables.backgroundColor,
        shape: BeveledRectangleBorder(
          borderRadius: BorderRadius.circular(3),
        ),
      ),
      child: Text(
        text,
      ),
    );
  }
}