update explore screen

Author: HypertextAssassinRajith

lib/src/screens/explore.dart

@@ -16,85 +16,29 @@ class _ExploreScreenState extends State<ExploreScreen> {
   @override
   void initState() {
     super.initState();
-    fetchBooks();
   }
 
-  Future<void> fetchBooks() async {
-    final response = await http.get(Uri.parse('https://gutendex.com/books/?languages=en&subjects=drama,fiction'));
-    if (response.statusCode == 200) {
-      final data = jsonDecode(response.body);
-      setState(() {
-        books = data['results'];
-      });
-    } else {
-      throw Exception('Failed to load books');
-    }
-  }
+
 
   @override
   Widget build(BuildContext context) {
+    // Scaffold is a layout for
+    // the major Material Components.
     return Scaffold(
-      body: _buildBookGrid(),
-    );
-  }
-
-  Widget _buildBookGrid() {
-    if (books.isEmpty) {
-      return const Center(child: CircularProgressIndicator());
-    }
-
-    return GridView.builder(
-      padding: const EdgeInsets.all(10),
-      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
-        crossAxisCount: 2,
-        childAspectRatio: 0.6,
-        crossAxisSpacing: 10,
-        mainAxisSpacing: 10,
-      ),
-      itemCount: books.length,
-      itemBuilder: (context, index) {
-        final book = books[index];
-        return GestureDetector(
-          onTap: () {
-            Navigator.push(
-              context,
-              MaterialPageRoute(
-                builder: (context) => DetailsScreen(
-                  imageUrl: book['formats']['image/jpeg'] ?? 'https://via.placeholder.com/150',
-                  title: book['title'],
-                  author: book['authors'].isNotEmpty ? book['authors'][0]['name'] : 'Unknown',
-                  description: book['subjects'].join(', '), 
-                  bookUrl: book['formats']['text/html']
-                ),
-              ),
-            );
-          },
-          child: Card(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.stretch,
-              children: [
-                Expanded(
-                  child: Image.network(
-                    book['formats']['image/jpeg'] ?? 'https://via.placeholder.com/150',
-                    fit: BoxFit.cover,
-                  ),
-                ),
-                Padding(
-                  padding: const EdgeInsets.all(8.0),
-                  child: Text(
-                    book['title'],
-                    style: const TextStyle(
-                      fontWeight: FontWeight.bold,
-                      fontSize: 16,
-                    ),
-                    textAlign: TextAlign.center,
-                  ),
-                ),
-              ],
-            ),
+      appBar: AppBar(
+        title: const Text('Example title'),
+        actions: const [
+          IconButton(
+            icon: Icon(Icons.search),
+            tooltip: 'Search',
+            onPressed: null,
           ),
-        );
-      },
+        ],
+      ),
+      // body is the majority of the screen.
+      body: const Center(
+        child: Text('Hello, world!'),
+      ),
     );
   }
 }

lib/src/widgets/bottomnav.dart

@@ -3,6 +3,7 @@ import 'package:flutter_svg/svg.dart';
 import '../colors/color.dart';
 import '../screens/homepage.dart';
 import '../screens/profile.dart';
+import '../screens/explore.dart';
 
 
 class BottomNavBar extends StatefulWidget {
@@ -16,6 +17,7 @@ class _BottomNavBarState extends State<BottomNavBar> {
   int currentIndex = 0;
   final screens = [
     const HomePage(),
+    const ExploreScreen(),
     const Profile(),
   ];
 
@@ -37,6 +39,13 @@ class _BottomNavBarState extends State<BottomNavBar> {
               ),
               label: 'Home',
             ),
+            BottomNavigationBarItem(
+              icon: SvgPicture.asset(
+                'assets/icons/search.svg',
+                color: KFourthColor,
+              ),
+              label: 'Explore',
+            ),
             BottomNavigationBarItem(
               icon: SvgPicture.asset(
                 'assets/icons/profile.svg',

web/index.html

@@ -40,6 +40,10 @@
   <script src="flutter.js" defer></script>
 </head>
 <body>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script>
+  <script type="text/javascript">
+    pdfjsLib.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.worker.min.js";
+  </script>
   <script>
     window.addEventListener('load', function(ev) {
       // Download main.dart.js