Val Town Code Search

cerebras_coder main.tsx10 matches

@muneeb683•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

enchantingBlushOrangutan main.tsx7 matches

@akshaybondre123•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { AnimatePresence, motion } from "https://esm.sh/framer-motion@10.16.4";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5
6function CreativeDeveloperPortfolio() {
19      title: "AI Chatbot Platform 🤖",
20      description: "Intelligent conversational AI with natural language processing",
21      tech: ["Python", "TensorFlow", "React"],
22      link: "https://ai-chatbot.example.com",
23      image: "https://maxm-imggenurl.web.val.run/ai-chatbot-interface",
26      title: "Blockchain Explorer 🔗", 
27      description: "Real-time cryptocurrency transaction tracker",
28      tech: ["Solidity", "Web3.js", "React"],
29      link: "https://blockchain-explorer.example.com",
30      image: "https://maxm-imggenurl.web.val.run/blockchain-dashboard",
33      title: "Smart Home Dashboard 🏠",
34      description: "IoT device management and monitoring system",
35      tech: ["Node.js", "MQTT", "React Native"],
36      link: "https://smart-home.example.com",
37      image: "https://maxm-imggenurl.web.val.run/smart-home-dashboard",
41  const skills = [
42    { name: "Python", level: 90, color: "bg-blue-500" },
43    { name: "React", level: 85, color: "bg-cyan-500" },
44    { name: "Machine Learning", level: 80, color: "bg-green-500" },
45    { name: "Cloud Computing", level: 75, color: "bg-indigo-500" },

cleverIndigoSwallow main.tsx7 matches

@akshaybondre123•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { AnimatePresence, motion } from "https://esm.sh/framer-motion@10.16.4";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5
6function CreativeDeveloperPortfolio() {
19      title: "AI Chatbot Platform 🤖",
20      description: "Intelligent conversational AI with natural language processing",
21      tech: ["Python", "TensorFlow", "React"],
22      link: "https://ai-chatbot.example.com",
23      image: "https://maxm-imggenurl.web.val.run/ai-chatbot-interface",
26      title: "Blockchain Explorer 🔗", 
27      description: "Real-time cryptocurrency transaction tracker",
28      tech: ["Solidity", "Web3.js", "React"],
29      link: "https://blockchain-explorer.example.com",
30      image: "https://maxm-imggenurl.web.val.run/blockchain-dashboard",
33      title: "Smart Home Dashboard 🏠",
34      description: "IoT device management and monitoring system",
35      tech: ["Node.js", "MQTT", "React Native"],
36      link: "https://smart-home.example.com",
37      image: "https://maxm-imggenurl.web.val.run/smart-home-dashboard",
41  const skills = [
42    { name: "Python", level: 90, color: "bg-blue-500" },
43    { name: "React", level: 85, color: "bg-cyan-500" },
44    { name: "Machine Learning", level: 80, color: "bg-green-500" },
45    { name: "Cloud Computing", level: 75, color: "bg-indigo-500" },

spryCopperHaddock main.tsx7 matches

@akshaybondre123•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { AnimatePresence, motion } from "https://esm.sh/framer-motion@10.16.4";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
5
6function CreativeDeveloperPortfolio() {
19      title: "AI Chatbot Platform 🤖",
20      description: "Intelligent conversational AI with natural language processing",
21      tech: ["Python", "TensorFlow", "React"],
22      link: "https://ai-chatbot.example.com",
23      image: "https://maxm-imggenurl.web.val.run/ai-chatbot-interface",
26      title: "Blockchain Explorer 🔗", 
27      description: "Real-time cryptocurrency transaction tracker",
28      tech: ["Solidity", "Web3.js", "React"],
29      link: "https://blockchain-explorer.example.com",
30      image: "https://maxm-imggenurl.web.val.run/blockchain-dashboard",
33      title: "Smart Home Dashboard 🏠",
34      description: "IoT device management and monitoring system",
35      tech: ["Node.js", "MQTT", "React Native"],
36      link: "https://smart-home.example.com",
37      image: "https://maxm-imggenurl.web.val.run/smart-home-dashboard",
41  const skills = [
42    { name: "Python", level: 90, color: "bg-blue-500" },
43    { name: "React", level: 85, color: "bg-cyan-500" },
44    { name: "Machine Learning", level: 80, color: "bg-green-500" },
45    { name: "Cloud Computing", level: 75, color: "bg-indigo-500" },

tenaciousCoffeeSpoonbill main.tsx3 matches

@devansh_bansal•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
4
5function App() {

cerebras_coder main.tsx10 matches

@abuhasan786•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

photoEditingAIApp main.tsx3 matches

@roysarajit143•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState, useRef } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function App() {

originalTomatoLynx main.tsx10 matches

@jonatan711•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

cerebras_coder main.tsx10 matches

@jonatan711•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0  */
2import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";
5import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
6import { STARTER_PROMPTS } from "https://esm.town/v/stevekrouse/cerebras_coder_prompts";
7
31}: {
32  prompt: string;
33  setPrompt: React.Dispatch<React.SetStateAction<string>>;
34  handleSubmit: (e: React.FormEvent) => void;
35  handleStarterPromptClick: (promptItem: PromptItem) => void;
36}) {
117
118function App() {
119  const previewRef = React.useRef<HTMLDivElement>(null);
120  const [prompt, setPrompt] = useState("");
121  const [projectId, setProjectId] = useState<number | null>(null);
175  }
176
177  async function handleSubmit(e: React.FormEvent | string) {
178    if (typeof e !== "string") {
179      e.preventDefault();
674                </div>
675                <div className="bg-white w-full h-full flex flex-col grow rounded-xl border-2 border-white overflow-hidden">
676                  <React.Fragment key={iframeKey}>
677                    <iframe
678                      srcDoc={code}
680                      className="w-full grow"
681                    />
682                  </React.Fragment>
683                </div>
684              </div>

sipCalculator main.tsx3 matches

@roysarajit143•Updated 3 months ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import React, { useState } from "https://esm.sh/react@18.2.0";
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
4
5function SIPCalculator() {

« Previous

1...672 673 674 675 676 677 678...840

Projects

View all 181 projects

vt-discord4 file matches

@boucher•Updated 1 day ago

Starter template with client-side React & Hono server

diceRollerUI1 file match

@dcm31•Updated 2 days ago

A web-based dice roller using React on Val Town

Users

View all 2 users

@effector2 projects

Updated 5 hours ago

Write business logic with ease Meet the new standard for modern TypeScript development. Type-safe, reactive, framework-agnostic library to manage your business logic.

@officialrajdeepsingh1 project

Updated 1 day ago

Documentation

View all 4 documentation results

Val Town Code SearchReturn to Val Town

cerebras_codermain.tsx10 matches

enchantingBlushOrangutanmain.tsx7 matches

cleverIndigoSwallowmain.tsx7 matches

spryCopperHaddockmain.tsx7 matches

tenaciousCoffeeSpoonbillmain.tsx3 matches

cerebras_codermain.tsx10 matches

photoEditingAIAppmain.tsx3 matches

originalTomatoLynxmain.tsx10 matches

cerebras_codermain.tsx10 matches

sipCalculatormain.tsx3 matches

Projects

vt-discord4 file matches

diceRollerUI1 file match

Users

@effector2 projects

@officialrajdeepsingh1 project

Documentation

Val Town Code Search Return to Val Town

cerebras_coder main.tsx10 matches

enchantingBlushOrangutan main.tsx7 matches

cleverIndigoSwallow main.tsx7 matches

spryCopperHaddock main.tsx7 matches

tenaciousCoffeeSpoonbill main.tsx3 matches

cerebras_coder main.tsx10 matches

photoEditingAIApp main.tsx3 matches

originalTomatoLynx main.tsx10 matches

cerebras_coder main.tsx10 matches

sipCalculator main.tsx3 matches