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
.env
.env.production
# dependencies
/node_modules

2
package.json
View File

@@ -53,9 +53,11 @@
"react-dom": "^19.0.0",
"react-hook-form": "^7.56.2",
"react-icons": "^5.5.0",
"react-markdown": "^10.1.0",
"react-resizable-panels": "^3.0.1",
"react-router-dom": "^7.5.1",
"react-scripts": "5.0.1",
"remark-gfm": "^4.0.1",
"sonner": "^2.0.3",
"tailwind-merge": "^3.2.0",
"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`.
-->
<title>LOAF - Lesbians Over Age Fifty</title>
<script src="#"></script>
</head>
<body>
<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() {
// 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 (
<AuthProvider>
<BrowserRouter basename="/membership">
<BrowserRouter basename={basename}>
<Routes>
<Route path="/" element={<Landing />} />
<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" />
</div>
<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">
Become a Member
</Button>