Add default 404 template to project templates

fletx.cli: Add default 404 template to project templates.

Author: Einswilli

fletx/cli/templates/project/app/pages/__init__.py.tpl

@@ -6,7 +6,9 @@ Version: {{ version }}
 """
 
 from .counter import CounterPage
+from .not_found import NotFoundPage
 
 __all__ = [
-    'CounterPage'
+    'CounterPage',
+    'NotFoundPage'
 ]

fletx/cli/templates/project/app/pages/not_found.py.tpl

@@ -0,0 +1,79 @@
+import flet as ft
+from fletx.core import (
+    FletXPage
+)
+from fletx.navigation import go_back
+
+class NotFoundPage(FletXPage):
+    """Default 404 template"""
+
+    def __init__(self):
+        super().__init__()
+    
+    def build(self):
+        return ft.Column(
+            spacing = 10,
+            expand = True,
+            alignment = ft.MainAxisAlignment.CENTER,
+            horizontal_alignment = ft.CrossAxisAlignment.CENTER,
+            controls = [
+                ft.Container(
+                    expand = True
+                ),
+                ft.Row(
+                    spacing = 0,
+                    alignment = ft.MainAxisAlignment.CENTER,
+                    controls = [
+                        ft.Text(
+                            value = f'4',
+                            size = 100, 
+                            weight = ft.FontWeight.BOLD
+                        ),
+                        # LOGO USED AS 0
+                        ft.Image(
+                            src = 'logo.png',
+                            fit = ft.ImageFit.CONTAIN,
+                            width = 120,
+                            height = 120
+                        ),
+                        ft.Text(
+                            value = f'4',
+                            size = 100, 
+                            weight = ft.FontWeight.BOLD
+                        ),
+                    ]
+                ),
+
+                ft.Text(
+                    'PAGE NOT FOUND',
+                    size = 30,
+                ),
+                ft.Text(
+                    'The page you were looking for could not be found.',
+                    size = 14,
+                    text_align = ft.TextAlign.CENTER
+                ),
+
+                ft.Container(       # SPACER
+                    height = 20
+                ),
+
+                # GOBACK BUTTON
+                ft.ElevatedButton(
+                    "Go back",
+                    icon = ft.Icons.ARROW_BACK_IOS,
+                    on_click=lambda e: go_back()
+                ),
+
+                ft.Container(       # SPACER
+                    expand = True
+                ),
+
+                ft.Text('🚀 powered by FletX {{ fletx_version }}',color = ft.Colors.GREY_600),
+                ft.Text('Python version {{ python_version }}', color = ft.Colors.GREY_600),
+                
+                ft.Container(       # SPACER
+                    height = 50,
+                ),
+            ]
+        )

fletx/cli/templates/project/app/routes.py.tpl

@@ -10,14 +10,18 @@ from fletx.navigation import (
 )
 from fletx.decorators import register_router
 
-from .pages.counter import CounterPage
+from .pages import CounterPage, NotFoundPage
 
 # Define {{ project_name | pascal_case }} routes here
 routes = [
     {
         'path': '/',
         'component': CounterPage,
     },
+    {
+        'path': '/**',
+        'component': NotFoundPage,
+    },
 ]
 
 @register_router

fletx/cli/templates/project/requirements.txt.tpl

@@ -1,16 +1,3 @@
 # Core dependencies
-flet>=0.21.0
+flet>=0.28.3
 fletxr>={{ fletx_version }}
-
-# Development dependencies
-pytest>=7.0.0
-pytest-cov>=4.0.0
-black>=23.0.0
-flake8>=6.0.0
-mypy>=1.0.0
-
-# Optional dependencies
-# requests>=2.28.0  # For HTTP requests
-# aiohttp>=3.8.0    # For async HTTP requests
-# sqlalchemy>=2.0.0 # For database operations
-# pydantic>=2.0.0   # For data validation