Back to packages list

Vals using react

Description from the NPM package:
React is a JavaScript library for building user interfaces.
maxm avatar
maxm
postmanClone
HTTP
* This val creates a Postman-like interface for testing HTTP requests directly in the browser. * It uses React for the UI and the Fetch API to make requests. * The server function serves the HTML and handles the API requests.
0
movienerd avatar
movienerd
AIMovie
HTTP
Forked from movienerd/originalEmeraldPython
0
hasparus avatar
hasparus
czarkowyEdytorDat
HTTP
* This app allows users to drop an image onto the canvas, add text to it, move the text around, * edit the text directly on the canvas, and save the result to their local disk. * We'll use the HTML5 Canvas API for image manipulation and the File System Access API for saving files.
1
jbwinters avatar
jbwinters
RefiComparison
HTTP
* This app creates a comprehensive mortgage refinance offer comparison tool. * It calculates monthly payments, total interest paid, and displays charts for visual comparison. * It uses React for the frontend, Chart.js for data visualization, and Val Town's blob storage for data persistence.
0
breeze4 avatar
breeze4
bigFuchsiaHalibut
HTTP
* This React app creates a search interface with a navbar and two equal-width panels. * It includes a search input on the left and displays search results as cards on the right. * The search functionality is simulated with a static list of items.
0
movienerd avatar
movienerd
originalEmeraldPython
HTTP
* This program creates a movie recommendation system based on moods. * It uses OpenAI to generate movie recommendations based on the user's selected mood and feedback. * The program uses React for the frontend and handles state management for user interactions. * It uses the Val Town OpenAI proxy for backend API calls. * A "More moods" button has been added to dynamically expand the list of available moods.
0
all avatar
all
allFont
HTTP
@jsxImportSource https://esm.sh/react
0
all avatar
all
promptGen
HTTP
Forked from all/Prompt
0
all avatar
all
textStorage
HTTP
* This program creates a text storage and management application. * It uses Val Town's SQLite for persistence and React for the UI. * The app allows users to add, view, edit, and delete text entries with titles, tags, and categories. * It includes a header with navigation, search bar, filters, a tabbed template page with 100 templates, * a categories section, and a new history tab that logs all edits.
0
all avatar
all
townGen
HTTP
townGen [[https://www.val.town/v/all/promptGen]] [[https://www.val.town/v/stevekrouse/valwriter]] Note : It looks like openai enhancement was dropped at some point when adding all the gizmos;
1
ejfox avatar
ejfox
inventory
HTTP
* This val creates an interactive tech stack wizard that generates a video game-style inventory screen. * It uses React for the UI, leverages emoji and Unicode symbols for a visually rich experience, and * incorporates Tailwind CSS for elegant, grayscale styling. * The wizard allows users to select tools, libraries, and APIs, then displays them in a shareable format.
0
stevekrouse avatar
stevekrouse
memeGenerator
HTTP
* This meme creation tool app will allow users to create memes by selecting an image and adding top and bottom text. * We'll use HTML5 Canvas to render the meme directly in the browser, with custom positioning for different meme templates.
0
cephalization avatar
cephalization
smsjournalerregistration
HTTP
@jsxImportSource https://esm.sh/react
1
curtcox avatar
curtcox
QRCodeScanner
HTTP
* This val creates a QR code scanner using the device's camera. * It uses the jsQR library to decode QR codes from video frames. * The app displays the scanned QR code content and additional information. * * We'll use the following approach: * 1. Set up a video element to capture camera feed * 2. Use canvas to process video frames * 3. Use jsQR to decode QR codes from the frames * 4. Display the QR code content and additional information * 5. Add extensive debugging to identify issues
0
stevekrouse avatar
stevekrouse
zod_demo_frontend
Script
@jsxImportSource https://esm.sh/react
0
all avatar
all
npmExplorer
HTTP
Forked from all/iconExplorer
0