git_admin/bp-rect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace boilerplate with BreadTalk Membership prototype

Browse Source 
Integrate Prototype_latest.jsx as the main App component.
Skip tsc in build since prototype is plain JSX.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Min Zeya Phyo
2026-02-13 00:32:57 +08:00
parent f8f3bc738d
commit 3a0884e7d7
9 changed files with 852 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -25,3 +25,6 @@ npm-debug.log*
# Testing # Testing
coverage/ coverage/
# SQL dumps
*.sql

2
index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>bp-rect</title> <title>BreadTalk Membership</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
package.json
View File

@@ -5,7 +5,7 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "tsc && vite build", "build": "vite build",
"preview": "vite preview", "preview": "vite preview",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0" "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
}, },

846
src/App.jsx Normal file
View File

File diff suppressed because one or more lines are too long

14
src/App.tsx
View File

@@ -1,14 +0,0 @@
import { Routes, Route } from 'react-router-dom'
import Home from './pages/Home'
import NotFound from './pages/NotFound'
function App() {
return (
<Routes>
<Route path="/" element={<Home />} />
<Route path="*" element={<NotFound />} />
</Routes>
)
}
export default App

16
src/main.tsx
View File

@@ -1,25 +1,9 @@
import React from 'react' import React from 'react'
import ReactDOM from 'react-dom/client' import ReactDOM from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import App from './App' import App from './App'
import './styles/index.css'
const queryClient = new QueryClient({
defaultOptions: {
queries: {
staleTime: 1000 * 60 * 5, // 5 minutes
retry: 1,
},
},
})
ReactDOM.createRoot(document.getElementById('root')!).render( ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode> <React.StrictMode>
<QueryClientProvider client={queryClient}>
<BrowserRouter>
<App /> <App />
</BrowserRouter>
</QueryClientProvider>
</React.StrictMode>, </React.StrictMode>,
) )

32
src/pages/Home.tsx
View File

@@ -1,32 +0,0 @@
export default function Home() {
return (
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
<div className="text-center">
<h1 className="text-4xl font-bold text-gray-900 mb-4">
Welcome to bp-rect
</h1>
<p className="text-lg text-gray-600 mb-8">
Your React + Vite application is running!
</p>
<div className="space-x-4">
<a
href="https://vitejs.dev"
target="_blank"
rel="noopener noreferrer"
className="inline-block px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition"
>
Vite Docs
</a>
<a
href="https://react.dev"
target="_blank"
rel="noopener noreferrer"
className="inline-block px-6 py-3 bg-white text-indigo-600 border border-indigo-600 rounded-lg hover:bg-indigo-50 transition"
>
React Docs
</a>
</div>
</div>
</div>
)
}

18
src/pages/NotFound.tsx
View File

@@ -1,18 +0,0 @@
import { Link } from 'react-router-dom'
export default function NotFound() {
return (
<div className="min-h-screen bg-gray-50 flex items-center justify-center">
<div className="text-center">
<h1 className="text-6xl font-bold text-gray-900 mb-4">404</h1>
<p className="text-xl text-gray-600 mb-8">Page not found</p>
<Link
to="/"
className="inline-block px-6 py-3 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition"
>
Go Home
</Link>
</div>
</div>
)
}

15
src/styles/index.css
View File

@@ -1,15 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
}
body {
margin: 0;
min-width: 320px;
min-height: 100vh;
}