From 1a75c3246911422e3af0d52045c7a155fb7af528 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= Date: Fri, 24 Apr 2026 07:18:19 +0300 Subject: [PATCH] feat: implement base landing page and initial React frontend layout with sidebar navigation --- backend/resources/views/welcome.blade.php | 244 +++------------------- frontend/package-lock.json | 16 -- frontend/src/App.tsx | 6 +- frontend/src/components/Sidebar.tsx | 11 +- 4 files changed, 41 insertions(+), 236 deletions(-) diff --git a/backend/resources/views/welcome.blade.php b/backend/resources/views/welcome.blade.php index 2c2e7c2..4316f4c 100644 --- a/backend/resources/views/welcome.blade.php +++ b/backend/resources/views/welcome.blade.php @@ -3,223 +3,35 @@ - - {{ config('app.name', 'Laravel') }} - - - - - - - @if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot'))) - @vite(['resources/css/app.css', 'resources/js/app.js']) - @else - - @endif + Mariavel API + - -
- @if (Route::has('login')) - - @endif -
-
-
-
-

Let's get started

-

With so many options available to you,
we suggest you start with the following:

- - - -

- v{{ app()->version() }} - - View changelog - - - - -

-
-
- {{-- Laravel Logo --}} - - - - - - - - - - - {{-- 13 --}} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
+ +
+

MARIAVEL

+

The high-performance database management API is running.

+

Please use the React frontend to manage your databases.

- - @if (Route::has('login')) - - @endif diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 908583d..56c0e78 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -4173,22 +4173,6 @@ "dev": true, "license": "ISC" }, - "node_modules/yaml": { - "version": "2.8.3", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz", - "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==", - "extraneous": true, - "license": "ISC", - "bin": { - "yaml": "bin.mjs" - }, - "engines": { - "node": ">= 14.6" - }, - "funding": { - "url": "https://github.com/sponsors/eemeli" - } - }, "node_modules/yocto-queue": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 1e2559f..fc357b5 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -2,9 +2,9 @@ import React, { useMemo, useEffect } from 'react'; import { ThemeProvider, CssBaseline, Box } from '@mui/material'; import { getTheme } from './theme/theme'; import { useAppStore } from './store/useAppStore'; -import Sidebar from './components/Sidebar'; -import MainContent from './components/MainContent'; -import Header from './components/Header'; +import Sidebar from './components/Sidebar.tsx'; +import MainContent from './components/MainContent.tsx'; +import Header from './components/Header.tsx'; const App: React.FC = () => { const darkMode = useAppStore((state) => state.darkMode); diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx index 40b8ace..f20767f 100644 --- a/frontend/src/components/Sidebar.tsx +++ b/frontend/src/components/Sidebar.tsx @@ -26,7 +26,16 @@ const Sidebar: React.FC = () => { - + + {db} + + } + /> ))}