Val Town Code SearchReturn to Val Town

26
27- **Database**:[Val Town SQLite](https://docs.val.town/std/sqlite/) for storing users, sessions, and magic link tokens
28- **Frontend**: React with Tailwind CSS
29- **Backend**: Hono.js for API routes and middleware
30- **Authentication**: Built by following the [Lucia guide](https://lucia-next.pages.dev/)

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4interface LoginFormProps {
11  const [emailSent, setEmailSent] = useState(false);
12
13  const handleSubmit = async (e: React.FormEvent) => {
14    e.preventDefault();
15

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { App } from "./components/App.tsx";
4

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useEffect, useState } from "https://esm.sh/react@18.2.0";
3import { LoginForm } from "./LoginForm.tsx";
4import { UserProfile } from "./UserProfile.tsx";

luciaMagicLinkStarterREADME.md1 match

@stevekrouse•Updated 1 week ago

26
27- **Database**:[Val Town SQLite](https://docs.val.town/std/sqlite/) for storing users, sessions, and magic link tokens
28- **Frontend**: React with Tailwind CSS
29- **Backend**: Hono.js for API routes and middleware
30- **Authentication**: Built by following the [Lucia guide](https://lucia-next.pages.dev/)

luciaMagicLinkStarterUserProfile.tsx3 matches

@stevekrouse•Updated 1 week ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4interface User {
19  const [error, setError] = useState<string | null>(null);
20
21  const handleSubmit = async (e: React.FormEvent) => {
22    e.preventDefault();
23

luciaMagicLinkStarterLoginForm.tsx3 matches

@stevekrouse•Updated 1 week ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { useState } from "https://esm.sh/react@18.2.0";
3
4interface LoginFormProps {
11  const [emailSent, setEmailSent] = useState(false);
12
13  const handleSubmit = async (e: React.FormEvent) => {
14    e.preventDefault();
15

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/**
2 * @jsxImportSource https://esm.sh/react@18.2.0
3 */
4

1# React Hono Val Town Project Starter Template
2
3This is a starter template for a full-stack app in a Val Town Project. The app itself is a simple persistent message board.