Steve Krouse

\n 👋 Hi, I'm Steve. I live in Prospect Heights, Brooklyn.\n

\n I build Val Town, a social website to code in the cloud.\n

\n {monthHits && todayHits\n ? (\n

\n This site was{\" \"}\n built in Val Town. It was\n viewed {todayHits.toLocaleString()} times today, and {monthHits.toLocaleString()} times in{\" \"}\n {new Date().toLocaleString(\"default\", { month: \"long\", year: \"numeric\" })}.\n

\n )\n : null}\n

Projects

\n 2022 Jul -\n Val Town\n
\n 2022 Sep -\n Date Me Directory\n
\n 2022 Jan -\n Zaplib\n
\n 2021 Mar -\n Compose\n
\n 2017 Jul -\n Future of Coding\n
\n 2016 May -\n WoofJS\n
\n 2015 Sep -\n The Coding Space Curriculum\n
\n 2015 Jul -\n The Coding Space\n
\n 2014 Jan -Software Engineer @{\" \"}\n Looker\n
\n 2013 Jun -Software Engineer @{\" \"}\n First Round Capital\n
\n 2013 Jan -Partner @{\" \"}\n Dorm Room Fund\n
\n 2012 Sep -Computer Science @{\" \"}\n University of Pennsylvania\n

\n\n

Essays

\n 2022 Nov -\n \n End-programmer Programming\n \n
\n 2019 Apr -\n \n Lunch with Alan Kay: how to become educated enough to invent the future\n \n
\n 2018 Oct -\n \n The \"Next Big Thing\" is a Room\n \n
\n 2017 Oct -\n Life Plan\n
\n 2017 Oct -\n \n WoofJS.com One Year Later\n \n
\n 2017 Jul -\n \n The Coding Space: Two Year Update\n \n
\n 2017 Jul -\n \n Learn to code in two-player mode\n \n
\n 2017 May -\n \n The Rose Project (April 2017)\n \n
\n 2017 Mar -\n The Rose Project (March 2017)\n
\n 2017 Jan -\n \n Resources for creating front-end programming languages and frameworks in 2017\n \n
\n 2016 Nov -\n \n Types are shapes — a graphical programming exploration\n \n
\n 2016 Nov -\n \n TEDD — Technologically-Enabled Direct Democracy\n \n
\n 2016 Aug -\n Goodbye, Seymour\n
\n 2016 Jul -\n \n The Trick to Teach Anonymous Functions to 11-Year-Olds\n \n
\n 2016 Jul -\n \n Scratch Has a Marketing Problem\n \n
\n 2016 Jul -\n \n WoofJS — making JavaScript learnable\n \n
\n 2016 Jun -\n \n The Coding Space: A year in review\n \n
\n 2016 Feb -\n \n The 4 Steps to Giving Magical Praise\n \n
\n 2016 Jan -\n \n \"Why do we need to learn this?\"\n \n
\n 2015 Dec -\n The Lens Lens\n
\n 2015 Dec -\n The College of the Future\n
\n 2015 Dec -\n \n Stop Paying $250k for a Degree and a Network\n \n
\n 2015 Nov -\n \n Incidentally for machines\n \n
\n 2015 Jun -\n A Cursory Education On Education\n
\n 2014 Jun -\n \n One year ago today I blogged that I'd never drop out of college\n \n
\n 2013 Sep -\n \n Making friends at the world's largest hackathon\n \n
\n 2013 Jul -\n Be a quitter\n
\n 2013 Jun -\n What It Really Means To Drop Out\n
\n 2013 May -\n Paying it Forward\n
\n 2013 Mar -\n Being Nice Matters\n
\n 2013 Nov -\n \n When nobody's watching\n \n
\n 2013 Nov -\n Stuffed Animal Priorities\n
\n 2013 Feb -\n \n Medieval Luxury, Modern Torture, and Education 2.0\n \n
\n 2013 Jan -\n Theseus and The Minotaur\n
\n 2012 Dec -\n IP And Innovation: A Software Case Study\n
\n 2012 Dec -\n \n Scheming Sororities and the Gale-Shapley Algorithm\n \n
\n 2012 Dec -\n The Arbitrary and The Elegant\n
\n 2012 Nov -\n Start Small\n

\n\n

Podcasts

\n 2023 Aug -\n JSParty × val.town with Steve Krouse\n
\n 2023 Aug -\n \n Scaling Devtools × val.town with Steve Krouse\n \n
\n 2023 July -\n \n Supper Club × val.town with Steve Krouse\n \n
\n 2023 Jul -\n \n CS Primer – What makes programming fun?\n \n
\n 2023 Apr -\n Devtools.fm – val.town\n
\n 2017 Jul -\n Future of Coding Podcast\n
\n 2016 Oct -\n \n Off Trail Learning - Dropping Out of College & the Silicon Valley Dream\n \n

\n\n

\n Twitter |{\" \"}\n Github |{\" \"}\n LinkedIn\n

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n // TODO only when on main - \"Cache-Control\": \"public, max-age=3600, stale-while-revalidate=0\",\n },\n },\n );\n}",[],[172],{"_104":181,"_95":100,"_143":182,"_145":-5,"_146":132,"_147":183,"_149":150,"_106":184,"_101":175,"_152":176,"_154":185,"_156":26,"_157":186,"_99":187},"ad301bf0-eb11-11ef-a081-e6cdfca9ef9f","19e6f41f-c7fc-48cc-9bd2-ee0eecb89d3d",33,["D",1739564662425],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { email } from \"https://esm.town/v/std/email?v=11\";\nimport { Homepage } from \"./homepage.tsx\";\n\nexport default async (request: Request) => {\n const url = new URL(request.url);\n if (url.pathname === \"/favicon.ico\") return new Response(null, { status: 404 });\n if (url.pathname === \"/test.json\") return Response.json({ ok: true });\n if (url.pathname !== \"/\") {\n const githubPagesUrl = `https://stevekrouse.github.io${url.pathname}${url.search}`;\n const newRequest = new Request(githubPagesUrl, {\n method: request.method,\n headers: new Headers({ ...Object.fromEntries(request.headers), \"User-Agent\": \"Val Town\" }),\n });\n const response = await fetch(newRequest);\n if (response.status === 404)\n return new Response(\n renderToString(

404: stevekrouse.com{url.pathname}{url.search}

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n return response;\n }\n if (url.pathname === \"/\") {\n return Homepage(request);\n }\n};",[],[100],"counts",{"_190":31,"_191":90,"_192":31,"_193":31},"pulls","branches","forks","envVars","contents",[],{"_104":181,"_95":100,"_143":182,"_145":-5,"_146":132,"_147":183,"_149":150,"_106":197,"_101":175,"_152":176,"_154":185,"_156":26,"_99":198},["D",1739564662425],[100],"upstream","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_102":202,"_153":206,"_209":210,"_295":296},{"_104":105,"_95":96,"_106":203,"_108":-5,"_109":110,"_111":112,"_113":-5,"_11":114,"_115":-5,"_116":26,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":26,"_20":204,"_129":205},["D",1739394544742],{"_93":94,"_127":128},{"_101":131,"_95":98,"_104":132,"_133":105,"_134":135,"_136":137},{"_104":181,"_95":100,"_143":182,"_145":-5,"_146":132,"_147":183,"_149":150,"_106":207,"_101":175,"_152":176,"_154":185,"_156":26,"_99":208},["D",1739564662425],[100],"history",[211,213,218,222,228,234,240,245,250,255,260,265,270,274,279,283,287,291],{"_104":181,"_143":182,"_95":100,"_152":176,"_154":185,"_145":-5,"_146":132,"_101":175,"_147":183,"_156":26,"_106":212,"_149":150},["D",1739564662425],{"_104":214,"_143":182,"_95":100,"_152":176,"_154":215,"_145":-5,"_146":132,"_101":216,"_147":164,"_156":26,"_106":217,"_149":26},"83614e7a-eb11-11ef-afb1-e6cdfca9ef9f","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { email } from \"https://esm.town/v/std/email?v=11\";\n<<<<<<<\nimport { Homepage } from \"./homepage.tsx\";\n=======\nimport tailwindURL from \"https://esm.town/v/stevekrouse/tailwindURL\";\nimport { renderToString } from \"npm:react-dom/server\";\nimport { getHits } from \"./analytics.ts\";\n>>>>>>>\n\nexport default async (request: Request) => {\n const url = new URL(request.url);\n if (url.pathname === \"/favicon.ico\") return new Response(null, { status: 404 });\n if (url.pathname === \"/test.json\") return Response.json({ ok: true });\n if (url.pathname !== \"/\") {\n const githubPagesUrl = `https://stevekrouse.github.io${url.pathname}${url.search}`;\n const newRequest = new Request(githubPagesUrl, {\n method: request.method,\n headers: new Headers({ ...Object.fromEntries(request.headers), \"User-Agent\": \"Val Town\" }),\n });\n const response = await fetch(newRequest);\n if (response.status === 404)\n return new Response(\n renderToString(

404: stevekrouse.com{url.pathname}{url.search}

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n return response;\n }\n if (url.pathname === \"/\") {\n return Homepage(request);\n }\n<<<<<<<\n=======\n return new Response(\n renderToString(\n \n \n Steve Krouse\n \n

History for index.tsx