Meatgpt: A Game Where Humans Pretend To Be GPT
TL;DRI built a small web toy: meat.twenty-nine.cn.
One line of gameplay: you ask a question, another human has 60 seconds to answer it pretending to be GPT.
No LLM in the loop. The compute is you.
Inspired by Your AI Slop Bores Me. Rebuilt from scratch as a weekend hack, running on a free tier of Vercel + Upstash, on a spare subdomain of my personal site.
Open it and play. No signup. You get 3 free credits on arrival.
Why I made thisIt’s 2026 and every scroll surface has AI slop leaking out of t ...
React Forms Submit
React Forms SubmitLearning Goals
Handle a form’s submit event in React
Use controlled inputs to validate values
IntroductionIn this lesson, we’ll discuss how to handle form submission in React.
If you want to code along there is starter code in the src folder. Make sureto run npm install && npm start to see the code in the browser.
Submitting a Controlled FormNow that we’ve learned how to control a form with state, we want to set up a wayto submit our form. For this, we add the onSubmit ...
React Components Basics
React Components BasicsLearning Goals
Understand what a React component is and what it can be used for
Write React components and identify the DOM elements they create
IntroductionIn this lesson, we’ll introduce the heart of React: components. This willinclude explaining why they’re important and examining a few examples. If theidea and application of components doesn’t click immediately, do not worry!The different moving parts required to understand how to use them will fall intoplace as we mo ...
Learn Prisma
Learn PrismaExploring Prisma as an ORM for Node Projects
IntroductionPrisma abstracts the underlying database and provides a simple, type-safe and expressive API for working with data. By using Prisma, you can write less code, reduce the risk of bugs, and improve the performance of your application, making it a good choice for your data management needs.
📓 Exploring Prisma as an ORM for Node Projects
Setup ProcessThe Setup Process for Prisma is Divided into different phases as listed below.
In ...
Learn Firebase with Vite
Learn Firebase with Vite
Example combining Firebase SDK (mainly Firestore DB), Preact, Typescript, Tailwind created with Vite.https://github.com/moebiusmania/learn-firebase-with-vite
BEFORE GETTING STARTEDCreate an .env file starting from the .env.example template and add your appID value from the Firebase Dashboard.
What’s being used:
Vite - project scaffolding & development setup
Preact - React-like library closer to the Web Standards
Typescript - static type checking for Javascript
Tailw ...
Learning Node.js and Express
Lesson 1: A Hello World for Node.js and ExpressWe’re going to build a basic Node.js server that uses Express for theAPI.
Initialize a new node projectThe first step with Node.js is to initialize a new project. You dothis with npm init.
123mkdir lesson1cd lesson1npm init
This will ask you a number of questions. Here is how I answered them:
123456789package name: (lesson1)version: (1.0.0)description: hello worldentry point: (index.js) server.jstest command:git repository:keywords:author:license: ...
Docker basic Learning
This is just a simple demonstration to get a basic understanding of how Docker works while working step by step. I learned docker like this and made this repo to solve some problems that I faced during my learning experience so that it might help other beginners. Hope you enjoy learning. If you like it give it an ⭐ on GitHub and support my work.
Important:- By seeing the size of readme you might have second thoughts but, to be honest, if you work from start you won’t experience any problem and ...
Introduction to Postman
Introduction to PostmanPostman is a Chrome add-on and application which is used to fire requests to an API.
Features:
Very lightweight and fast
Requests can be organized in groups (called collections) and folders
Tests can be created with verifications for certain conditions on the response
Share workspaces or collections with other people or teams
Publish collections as API documentation
Run tests on collections (using the Collection Runner or Newman)
Monitor collections
Setup mock servers
Do ...
ES6 Intro
ES6 IntroThis is a quick intro to get up-to-speed with the new class syntax introduced in ES6. We’ll also cover ES modules as they’re kind of unavoidable in frontend now.
ClassesSyntaxThe ES6 class syntax is an easier way to create object-oriented structures in JavaScript. Previously you had to rely on prototypical inheritance with constructor functions.
(If you’re curious about inheritance and prototypes you could check out MDN’s guide, but it’s not strictly necessary to continue)
Here’s an exa ...
JavaScript ES6 Syntax
JavaScript ES6 Syntax
Lesson OverviewIn this lesson, we’ll learn all about the new (as of 2015 lol) standard in JavaScript syntax: ES6 or ECMAScript 2015.
Objectives
Learn about the spread operator and the power it gives us
Learn all about destructuring
Get practice in with each of these new concepts
Getting Started
Fork and Clone
Open this repo in your code editor
Create an index.js file.
Lesson InstructionsES6
Spread SyntaxES6 introduced the spread syntax for dealing with cases when we want ...