diff --git a/packages/hms_room_kit/example/README.md b/packages/hms_room_kit/example/README.md
index 213e4166a..a2ce9febb 100644
--- a/packages/hms_room_kit/example/README.md
+++ b/packages/hms_room_kit/example/README.md
@@ -1 +1,27 @@
+
+# HMSROOMKIT Example App 🚀
+
+
 This contains a sample application built using `hms_room_kit`
+Steps to get on local machine=
+1. Clone the hms_flutter_sdk 
+2. Cd inside the hms_room_kit package.
+3. Cd inside the example directory.
+4. Run the main file.
+
+Clone the Example app provided in the repo here.
+
+The "example" folder contains code relevant to the Example app.
+
+The Example application contains the implementation of hms_room_kit.
+
+
+
+For more clear understanding refer these-
+https://www.100ms.live/docs/flutter/v2/quickstart/prebuilt
+
+
+To Change the Join With Mute or UnMute or other settings refer;
+"packages\hms_room_kit\lib\src\service\app_debug_config.dart"
+
+ 
diff --git a/packages/hms_room_kit/example/android/app/src/main/AndroidManifest.xml b/packages/hms_room_kit/example/android/app/src/main/AndroidManifest.xml
index 9d6f73398..ab36457be 100644
--- a/packages/hms_room_kit/example/android/app/src/main/AndroidManifest.xml
+++ b/packages/hms_room_kit/example/android/app/src/main/AndroidManifest.xml
@@ -2,6 +2,7 @@
     package="com.example.sample_application">
 
     <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+     <uses-permission android:name="android.permission.INTERNET" />
 
    <application
         android:label="sample_application"
@@ -15,7 +16,9 @@
             android:supportsPictureInPicture="true"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
-            android:windowSoftInputMode="adjustResize">
+            android:windowSoftInputMode="adjustResize" 
+            
+            >
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user
                  while the Flutter UI initializes. After that, this theme continues
@@ -24,6 +27,7 @@
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
               />
+              
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
diff --git a/packages/hms_room_kit/example/lib/main.dart b/packages/hms_room_kit/example/lib/main.dart
index ff64e6c74..119faafcf 100644
--- a/packages/hms_room_kit/example/lib/main.dart
+++ b/packages/hms_room_kit/example/lib/main.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:hms_room_kit/hms_room_kit.dart';
+import 'package:sample_application/presentation/features/home/home_main_view.dart';
 
 void main() {
   runApp(const MyApp());
@@ -17,7 +18,7 @@ class MyApp extends StatelessWidget {
       theme: ThemeData(
         primarySwatch: Colors.blue,
       ),
-      home: const MyHomePage(),
+      home: const HomeMainView(),
       themeMode: ThemeMode.dark,
       darkTheme: ThemeData(
           bottomSheetTheme: BottomSheetThemeData(
@@ -28,63 +29,3 @@ class MyApp extends StatelessWidget {
     );
   }
 }
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key});
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  TextEditingController meetingLinkController = TextEditingController();
-  TextEditingController nameController = TextEditingController();
-
-  @override
-  Widget build(BuildContext context) {
-    double width = MediaQuery.of(context).size.width;
-    return SafeArea(
-      child: Scaffold(
-          body: Center(
-        child: SingleChildScrollView(
-          child: Column(
-            children: [
-              SvgPicture.asset(
-                'assets/welcome.svg',
-                width: width * 0.95,
-              ),
-              const SizedBox(
-                height: 20,
-              ),
-              Padding(
-                padding: const EdgeInsets.symmetric(horizontal: 18),
-                child: Text('Experience the power of 100ms',
-                    textAlign: TextAlign.center,
-                    style: GoogleFonts.inter(
-                        letterSpacing: 0.25,
-                        color: themeDefaultColor,
-                        height: 1.17,
-                        fontSize: 34,
-                        fontWeight: FontWeight.w600)),
-              ),
-              const SizedBox(
-                height: 8,
-              ),
-              Padding(
-                padding: const EdgeInsets.symmetric(horizontal: 27),
-                child: Text('Try out the HMS Prebuilt SDK',
-                    textAlign: TextAlign.center,
-                    style: GoogleFonts.inter(
-                        letterSpacing: 0.5,
-                        color: themeSubHeadingColor,
-                        height: 1.5,
-                        fontSize: 16,
-                        fontWeight: FontWeight.w400)),
-              ),
-            ],
-          ),
-        ),
-      )),
-    );
-  }
-}
diff --git a/packages/hms_room_kit/example/lib/presentation/features/dashboard/dashboard_main_view.dart b/packages/hms_room_kit/example/lib/presentation/features/dashboard/dashboard_main_view.dart
new file mode 100644
index 000000000..9e9364f08
--- /dev/null
+++ b/packages/hms_room_kit/example/lib/presentation/features/dashboard/dashboard_main_view.dart
@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import 'package:hms_room_kit/hms_room_kit.dart';
+
+class DashboardMainView extends StatefulWidget {
+  final String roomCode;
+  final String? userName;
+  const DashboardMainView({super.key, required this.roomCode, this.userName});
+
+  @override
+  State<DashboardMainView> createState() => _DashboardMainViewState();
+}
+
+class _DashboardMainViewState extends State<DashboardMainView> {
+  late String userName;
+  late HMSPrebuiltOptions _options;
+
+  @override
+  void initState() {
+    userName = widget.userName ?? '';
+
+    _options = HMSPrebuiltOptions(
+      ////for prefill the name of the user in previewBuilt
+      userName: userName,
+    );
+    // TODO: implement initState
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return HMSPrebuilt(
+      options: _options,
+      roomCode: widget.roomCode,
+      onLeave: () {
+        /////onLeave do cleanup or any other task
+      },
+    );
+  }
+}
diff --git a/packages/hms_room_kit/example/lib/presentation/features/home/home_main_view.dart b/packages/hms_room_kit/example/lib/presentation/features/home/home_main_view.dart
new file mode 100644
index 000000000..08452dca8
--- /dev/null
+++ b/packages/hms_room_kit/example/lib/presentation/features/home/home_main_view.dart
@@ -0,0 +1,288 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:hms_room_kit/hms_room_kit.dart';
+import 'package:sample_application/presentation/features/dashboard/dashboard_main_view.dart';
+
+class HomeMainView extends StatefulWidget {
+  const HomeMainView({super.key});
+
+  @override
+  State<HomeMainView> createState() => _HomeMainViewState();
+}
+
+class _HomeMainViewState extends State<HomeMainView> {
+  final TextEditingController _usernameTextController = TextEditingController();
+  final TextEditingController _roomCodeTextController = TextEditingController();
+  GlobalKey<FormState> _formKey = GlobalKey<FormState>();
+
+  @override
+  Widget build(BuildContext context) {
+    var width = MediaQuery.of(context).size.width;
+
+    return WillPopScope(
+      onWillPop: () async {
+        print('object');
+        return true;
+      },
+      child: SafeArea(
+        child: Scaffold(
+            body: Center(
+          child: SingleChildScrollView(
+            child: Form(
+              key: _formKey,
+              child: Column(
+                children: [
+                  SvgPicture.asset(
+                    'assets/welcome.svg',
+                    width: width * 0.95,
+                  ),
+                  const SizedBox(
+                    height: 20,
+                  ),
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 18),
+                    child: Text('Experience the power of 100ms',
+                        textAlign: TextAlign.center,
+                        style: HMSTextStyle.setTextStyle(
+                            letterSpacing: 0.25,
+                            color: themeDefaultColor,
+                            height: 1.17,
+                            fontSize: 34,
+                            fontWeight: FontWeight.w600)),
+                  ),
+                  SizedBox(
+                    height: 8,
+                  ),
+                  Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 27),
+                    child: Text('Jump right in by pasting a room code',
+                        textAlign: TextAlign.center,
+                        style: HMSTextStyle.setTextStyle(
+                            letterSpacing: 0.5,
+                            color: themeSubHeadingColor,
+                            height: 1.5,
+                            fontSize: 16,
+                            fontWeight: FontWeight.w400)),
+                  ),
+                  SizedBox(
+                    height: 15,
+                  ),
+                  Padding(
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      crossAxisAlignment: CrossAxisAlignment.end,
+                      children: [
+                        Text("Room Code",
+                            key: Key('room_code_text'),
+                            style: HMSTextStyle.setTextStyle(
+                                color: themeDefaultColor,
+                                height: 1.5,
+                                fontSize: 14,
+                                fontWeight: FontWeight.w400)),
+                      ],
+                    ),
+                  ),
+                  SizedBox(
+                    width: width * 0.95,
+                    child: TextFormField(
+                      validator: (value) {
+                        if (value == null || value.isEmpty)
+                          return 'Room code is required';
+                        return null;
+                      },
+                      key: Key('room_code_field'),
+                      textInputAction: TextInputAction.done,
+                      cursorColor: HMSThemeColors.primaryDefault,
+                      style: HMSTextStyle.setTextStyle(),
+                      controller: _roomCodeTextController,
+                      onChanged: (value) {
+                        setState(() {});
+                      },
+                      decoration: InputDecoration(
+                          focusColor: hmsdefaultColor,
+                          contentPadding: EdgeInsets.only(left: 16),
+                          fillColor: themeSurfaceColor,
+                          filled: true,
+                          hintText: 'Paste the room code or link here',
+                          hintStyle: HMSTextStyle.setTextStyle(
+                              color: hmsHintColor,
+                              height: 1.5,
+                              fontSize: 16,
+                              fontWeight: FontWeight.w400),
+                          suffixIcon: _roomCodeTextController.text == ''
+                              ? null
+                              : IconButton(
+                                  onPressed: () {
+                                    _roomCodeTextController.text = "";
+                                    setState(() {});
+                                  },
+                                  icon: Icon(
+                                    Icons.clear,
+                                    color: Colors.white,
+                                  ),
+                                ),
+                          focusedBorder: OutlineInputBorder(
+                              borderSide: BorderSide(
+                                  color: HMSThemeColors.primaryDefault,
+                                  width: 2),
+                              borderRadius:
+                                  const BorderRadius.all(Radius.circular(8))),
+                          enabledBorder: OutlineInputBorder(
+                              borderSide:
+                                  BorderSide(color: borderColor, width: 1),
+                              borderRadius:
+                                  BorderRadius.all(Radius.circular(8))),
+                          border: OutlineInputBorder(
+                              borderRadius:
+                                  BorderRadius.all(Radius.circular(8)))),
+                    ),
+                  ),
+                  SizedBox(
+                    height: 5,
+                  ),
+                  Padding(
+                    padding:
+                        const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      crossAxisAlignment: CrossAxisAlignment.end,
+                      children: [
+                        Text("Username",
+                            key: Key('username_text'),
+                            style: HMSTextStyle.setTextStyle(
+                                color: themeDefaultColor,
+                                height: 1.5,
+                                fontSize: 14,
+                                fontWeight: FontWeight.w400)),
+                      ],
+                    ),
+                  ),
+                  SizedBox(
+                    width: width * 0.95,
+                    child: TextFormField(
+                      key: Key('username_field'),
+                      textInputAction: TextInputAction.done,
+                      cursorColor: HMSThemeColors.primaryDefault,
+                      style: HMSTextStyle.setTextStyle(),
+                      controller: _usernameTextController,
+                      onChanged: (value) {
+                        setState(() {});
+                      },
+                      decoration: InputDecoration(
+                          focusColor: hmsdefaultColor,
+                          contentPadding: EdgeInsets.only(left: 16),
+                          fillColor: themeSurfaceColor,
+                          filled: true,
+                          hintText: 'Please enter username',
+                          hintStyle: HMSTextStyle.setTextStyle(
+                              color: hmsHintColor,
+                              height: 1.5,
+                              fontSize: 16,
+                              fontWeight: FontWeight.w400),
+                          suffixIcon: _usernameTextController.text == ''
+                              ? null
+                              : IconButton(
+                                  onPressed: () {
+                                    _usernameTextController.text = "";
+                                    setState(() {});
+                                  },
+                                  icon: Icon(
+                                    Icons.clear,
+                                    color: Colors.white,
+                                  ),
+                                ),
+                          focusedBorder: OutlineInputBorder(
+                              borderSide: BorderSide(
+                                  color: HMSThemeColors.primaryDefault,
+                                  width: 2),
+                              borderRadius:
+                                  const BorderRadius.all(Radius.circular(8))),
+                          enabledBorder: OutlineInputBorder(
+                              borderSide:
+                                  BorderSide(color: borderColor, width: 1),
+                              borderRadius:
+                                  BorderRadius.all(Radius.circular(8))),
+                          border: OutlineInputBorder(
+                              borderRadius:
+                                  BorderRadius.all(Radius.circular(8)))),
+                    ),
+                  ),
+                  const SizedBox(
+                    height: 16,
+                  ),
+                  const SizedBox(
+                    height: 20,
+                  ),
+                  SizedBox(
+                      width: width * 0.95,
+                      child: Divider(
+                        height: 5,
+                        color: dividerColor,
+                      )),
+                  SizedBox(
+                    width: width * 0.95,
+                    child: ElevatedButton(
+                      style: ButtonStyle(
+                          shadowColor:
+                              MaterialStateProperty.all(hmsdefaultColor),
+                          backgroundColor:
+                              MaterialStateProperty.all(hmsdefaultColor),
+                          shape:
+                              MaterialStateProperty.all<RoundedRectangleBorder>(
+                                  RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(8.0),
+                          ))),
+                      onPressed: () async {
+                        if (_formKey.currentState!.validate()) {
+                          bool res = await Utilities.getCameraPermissions();
+                          if (res) {
+                            // ignore: use_build_context_synchronously
+                            Navigator.push(
+                                context,
+                                MaterialPageRoute(
+                                    builder: (_) => DashboardMainView(
+                                          roomCode:
+                                              _roomCodeTextController.text,
+                                          userName:
+                                              _usernameTextController.text,
+                                        )));
+                          }
+                        }
+                      },
+                      child: Container(
+                        padding: const EdgeInsets.fromLTRB(16, 12, 16, 12),
+                        decoration: BoxDecoration(
+                            borderRadius: BorderRadius.all(Radius.circular(8))),
+                        child: Row(
+                          mainAxisSize: MainAxisSize.min,
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          children: [
+                            HMSTitleText(
+                                key: Key("Start the party"),
+                                text: 'Start the party',
+                                textColor: enabledTextColor),
+                            SizedBox(
+                              width: 5,
+                            ),
+                            Icon(
+                              Icons.turn_right_sharp,
+                              size: 20,
+                              color: enabledTextColor,
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  )
+                ],
+              ),
+            ),
+          ),
+        )),
+      ),
+    );
+    ;
+  }
+}