My projects, sites and tools
- Starter sites
- Web developer jobs in Germany
- Flex, Grid and Animation Practice - GitHub
- Vite JS-DOM Todo App with state manager - GitHub
- GitHub for JS-DOM Team Project 2023
- Nuxt Learning Showcase - GitHub
Starter Tools
Templates
- Vite-React Site with React Router 6.4 BrowserRouter
- Vite-React Site with React Router 6.4 createBrowserRouter
- Node/Express API Starter Template
- Node/Express EJS Website Template with TypeScript
- Vite-React with simple Node/Express API in one directory
- Vite React site with TypeScript, React Router, AppContext
- Full-Stack MongoDB site in one directory with Vite React frontend and Node/Express backend
- Minimal TypeScript Node/Express API that can be hosted at Render
- This is a one-directory project that has Vite React frontend, Node/Express backend, JSON Server, meant to be used as a local application that has a JSON-file database.
- This site is a Nuxt site created with npx nuxi init and has minimal page routing and Tailwind styling to serve as a simple base site for applications.
Learning Resources
- Web Development In 2024 - A Practical Guide
- Prisma Video Channel
- Prisma Features Highlights
- ThePrimeagen: VIM (btw), Streaming, & Content Creation | The Frontend Masters Podcast Ep.9
Moving my stuff
I am in the process of moving all my tech content to this site. Until then, here is where to find most of it:
Forays
A foray is "a sudden incursion into a territory, especially to obtain something, a raid". In terms of learning technology, it is any attempt to get a quick and better overview of a tool, what one would use it for, or try a particular thing out. Unlike a Howto, it doesn't have to succeed, in fact, if it fails, this is just as instructive. But often forays are quick ways to discover low-hanging fruit, a new way to accomplish something you didn't know about, or the discovery of a new tool that you use, or decide to investigate further, or do a complete howto on in order to teach to others.
- validate incoming API data with Zod
- create a website that has social-media-preview SEO with Astro
- create a Next.js site with create-t3-app
- create and deploy at Vercel a website with Go
- make a typesafe API with trpc
- set up a cron job at Hetzner for a site to pull its repository site every night at midnight
- create an API with Swagger
- create a useful example with React's new use() hook
- use Figma to create simple website graphics as Zubia did here
Version info: 182371