andika/membership-fe
3
1
Fork 1
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge Kayela works to Dev #12

Merged
andika merged 10 commits from templates into dev 2026-01-07 06:18:06 +00:00
Conversation 0 Commits 10 Files Changed 9 +26 -3
6 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 99d65c917f - Show all commits

17
.env.example Normal file
View File

@@ -0,0 +1,17 @@
# Server Configuration
PORT=3000
WDS_SOCKET_PORT=443
# Backend API URL
REACT_APP_BACKEND_URL=http://localhost:8000
# App Base Path Configuration
# Examples:
# - For root path: REACT_APP_BASENAME=
# - For subpath: REACT_APP_BASENAME=/membership
# - For production: REACT_APP_BASENAME=/membership
REACT_APP_BASENAME=
# Feature Flags
REACT_APP_ENABLE_VISUAL_EDITS=false
ENABLE_HEALTH_CHECK=false

1
.gitignore vendored
View File

@@ -2,6 +2,7 @@
# Environment # Environment
.env .env
.env.production
# dependencies # dependencies
/node_modules /node_modules

2
package.json
View File

@@ -53,9 +53,11 @@
"react-dom": "^19.0.0", "react-dom": "^19.0.0",
"react-hook-form": "^7.56.2", "react-hook-form": "^7.56.2",
"react-icons": "^5.5.0", "react-icons": "^5.5.0",
"react-markdown": "^10.1.0",
"react-resizable-panels": "^3.0.1", "react-resizable-panels": "^3.0.1",
"react-router-dom": "^7.5.1", "react-router-dom": "^7.5.1",
"react-scripts": "5.0.1", "react-scripts": "5.0.1",
"remark-gfm": "^4.0.1",
"sonner": "^2.0.3", "sonner": "^2.0.3",
"tailwind-merge": "^3.2.0", "tailwind-merge": "^3.2.0",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",

1
public/index.html
View File

@@ -25,7 +25,6 @@
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>LOAF - Lesbians Over Age Fifty</title> <title>LOAF - Lesbians Over Age Fifty</title>
<script src="#"></script>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

6
src/App.js
View File

@@ -70,9 +70,13 @@ const PrivateRoute = ({ children, adminOnly = false }) => {
}; };
function App() { function App() {
// Read basename from environment variable (defaults to empty string for root path)
// Set REACT_APP_BASENAME in .env to use a subpath (e.g., "/membership")
const basename = process.env.REACT_APP_BASENAME || '';
return ( return (
<AuthProvider> <AuthProvider>
<BrowserRouter basename="/membership"> <BrowserRouter basename={basename}>
<Routes> <Routes>
<Route path="/" element={<Landing />} /> <Route path="/" element={<Landing />} />
<Route path="/register" element={<Register />} /> <Route path="/register" element={<Register />} />

2
src/pages/Landing.js
View File

@@ -88,7 +88,7 @@ const Landing = () => {
<img src={heroLoaf} alt="LOAF" className="w-full max-w-xs md:max-w-[370px] h-auto object-contain" /> <img src={heroLoaf} alt="LOAF" className="w-full max-w-xs md:max-w-[370px] h-auto object-contain" />
</div> </div>
<div className="flex flex-col gap-4 items-center justify-center w-full max-w-[339px]"> <div className="flex flex-col gap-4 items-center justify-center w-full max-w-[339px]">
<Link to="/register" className="w-full"> <Link to="/become-a-member" className="w-full">
<Button style={{ fontFamily: "'Nunito sans', sans-serif" }} className="bg-[#DDD8EB] hover:bg-white text-[#422268] rounded-full px-6 py-6 sm:py-[32px] text-base sm:text-lg font-medium w-full transition-colors"> <Button style={{ fontFamily: "'Nunito sans', sans-serif" }} className="bg-[#DDD8EB] hover:bg-white text-[#422268] rounded-full px-6 py-6 sm:py-[32px] text-base sm:text-lg font-medium w-full transition-colors">
Become a Member Become a Member
</Button> </Button>