111 lines
3.1 KiB
HTML
111 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>EventBuzz Checkins — Metro</title>
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
|
|
Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 2rem;
|
|
background: #0f172a;
|
|
color: #e2e8f0;
|
|
line-height: 1.5;
|
|
}
|
|
main {
|
|
max-width: 42rem;
|
|
margin: 0 auto;
|
|
}
|
|
h1 {
|
|
font-size: 1.5rem;
|
|
font-weight: 600;
|
|
margin: 0 0 0.5rem;
|
|
color: #f8fafc;
|
|
}
|
|
.badge {
|
|
display: inline-block;
|
|
background: #1e40af;
|
|
color: #dbeafe;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
padding: 0.2rem 0.5rem;
|
|
border-radius: 0.25rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
p {
|
|
margin: 0 0 1rem;
|
|
color: #94a3b8;
|
|
}
|
|
.warn {
|
|
background: #422006;
|
|
border: 1px solid #b45309;
|
|
color: #fde68a;
|
|
padding: 0.75rem 1rem;
|
|
border-radius: 0.5rem;
|
|
margin: 1rem 0 1.5rem;
|
|
font-size: 0.9rem;
|
|
}
|
|
ol {
|
|
margin: 0 0 1.5rem;
|
|
padding-left: 1.25rem;
|
|
color: #cbd5e1;
|
|
}
|
|
li {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
code {
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
font-size: 0.85em;
|
|
background: #1e293b;
|
|
padding: 0.15em 0.35em;
|
|
border-radius: 0.25rem;
|
|
color: #7dd3fc;
|
|
}
|
|
a {
|
|
color: #38bdf8;
|
|
}
|
|
footer {
|
|
margin-top: 2rem;
|
|
font-size: 0.8rem;
|
|
color: #64748b;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<span class="badge">Metro bundler</span>
|
|
<h1>EventBuzz Checkins</h1>
|
|
<p>
|
|
The JavaScript dev server is running. This page is <strong>not</strong> the mobile
|
|
app — React Native does not run in the browser unless you add web support.
|
|
</p>
|
|
<div class="warn">
|
|
To use EventBuzz Checkins, open the app on an <strong>Android emulator/device</strong>
|
|
or <strong>iOS Simulator</strong> (see steps below). You should see the
|
|
<strong>email login</strong> screen.
|
|
</div>
|
|
<ol>
|
|
<li>Keep this terminal running: <code>npm start</code></li>
|
|
<li>
|
|
In a second terminal from <code>eventbuzz-checkins</code>:
|
|
<code>npm run android</code> or <code>npm run ios</code>
|
|
</li>
|
|
<li>
|
|
Set <code>API_BASE_URL</code> in <code>.env</code> (see
|
|
<code>.env.example</code>) — backend must be reachable from the device.
|
|
</li>
|
|
<li>If the simulator shows an old screen, press <code>r</code> in this Metro terminal to reload.</li>
|
|
</ol>
|
|
<p>
|
|
<a href="https://reactnative.dev/docs/environment-setup">React Native environment setup</a>
|
|
</p>
|
|
<footer>Port 8081 · EventBuzz Checkins</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|