Edward's Tech Site

2024-08 Level Up

My projects, sites and tools

• fastapi-showcase
• sveltekit5-showcase
• React Native apps
• React Native showcase app (easy-peasy, etc.)
• Dutch Verbs
• API data
• 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
• Web Development Mind Map

Starter Tools

• Mongo/Mongoose connection from CLI
• TypeScript notes to Mike North's TypeScript Fundamentals class

Templates

• Vite-React Site with React Router 6.4 BrowserRouter
• Vite-React Site with React Router 6.4 createBrowserRouter
• Vite-React Site with React Router 6.4 createBrowserRouter + Context
• Vite-React Site with React Router 6.4 createBrowserRouter + easy-peasy Redux
• 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.
• Vue 3 starter template with TypeScript, Tailwind, Router, Vitest Unit-Testing - GitHub
• vue3-showcase-site with list/single book pages, 404 page, JSON file datasource
• python-showcase-examples
• Language Core (Dutch Verbs)

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:

  • Howtos
  • Forays
  • Tech Items
  • Tech Flashcards

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's examples