alex.zinn/playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add README and initial project structure for WebSocket chat application

Browse Source 
* Created README.md for project overview and setup instructions.
* Updated App component to use selector for todo items.
* Enhanced TodoItemComponent styling and structure.
* Introduced new Redux selectors for better state management.
* Added initial configuration files for RequireJS and Bun.
* Established project structure for WebSocket chat application with server and frontend components.
* Included necessary dependencies and configurations for TypeScript and Vite.
This commit is contained in:
Alexander Zinn
2025-09-30 03:19:52 -04:00
parent 0cc0ce13e7
commit 0345f3d2d0
71 changed files with 996 additions and 1065 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
Web/bfcache/frontend/index.html Normal file
View File

@@ -0,0 +1,48 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/src/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>bfcache</title>
</head>
<body>
<div id="app" class="flex-column-container">
<div class="flex-row-container">
<h1>bfcache</h1>
<div>
<br/>
<br/>
<br/>
<br/>
<p>WebSocket status: <span id="websocket-status">Offline</span></p>
</div>
</div>
<div class="flex-row-container">
<div>
<h2>Messages</h2>
<ul id="messages"></ul>
</div>
</div>
<div class="flex-row-container">
<div>
<h2>Send Message</h2>
<input type="text" id="message-input" required/>
<button id="send-button">Send</button>
</div>
</div>
</div>
<dialog id="login-dialog">
<form id="login-form">
<div>
<input type="text" id="username-input" autocomplete="username" placeholder="Enter a username" required/>
</div>
<!-- <input type="password" id="password-input" autocomplete="current-password" placeholder="Password" required/> -->
<div>
<button type="submit" id="login-button">Login</button>
</div>
</form>
</dialog>
<script type="module" src="/src/main.ts"></script>
</body>
</html>