Skip to content
View grmpf's full-sized avatar

Block or report grmpf

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
grmpf/README.md

๐Ÿ” I like to / am interested in ...

  • Learn new things and find ways to use them in innovative ways.
  • Using Next.js ๐Ÿ‘
  • Construct complex designs with HTML/CSS.
  • Find solutions for "problems" and complex requirements.

Iโ€™m currently working on:

  • A Memory-Game
    • Unsplash API implementation (removing possible costs for image processing)
    • Highly optimized flexbox layout for all screen sizes (adjusting to width and height to always fit the screen)
    • ๐Ÿšง Game mechanics (logic, store, settings)
    • Fine-tune cards selecting/flipping effect
    • Option menu (amount of cards, themeColor, cardBg, difficultyLevel etc. pp.)
    • More SVG's as interchangeable card backgrounds (reacting to themeColor)
    • Further improve image 'sizes' calculation to account for spacing/gaps
    • Light/Dark/Nightshift mode or even a slider (images can still be bright in dark mode)
    • Player vs. AI/(N)PC: with basic learning mechanism as a first step
    • Customization / branding / themes
    • Encrypted local storage
    • And much more, like: winning/losing effect, offline mode, improved "AI", difficulty levels, multiplayer...

    โ” You got some more ideas you want to share?

    nextBadge reactBadge tailwindBadge

  • Photo of the day (by Unsplash) - A demo/starter app

    Initially just a test project for handling next/image.

    • Image optimization based on screen and container size.
    • Static page (re)generation (with api and cronjob for revalidation via GitHub workflow).

    nextBadge reactBadge tailwindBadge
    demoBadge codeBadge

  • Favicon / PWA-icon test app

    Meant for testing favicon / PWA-icon behaviour and other PWA features.

    • Logging of loaded files
    • Best practice: MetaData, OpenGraph, etc.
    • ๐Ÿšง Specific icon per size.

    html5Badge css3Badge jsBadge
    demoBadge codeBadge

  • A PWA starter project
    • Static page (re)generation (with api and cronjob for revalidation via github workflow).
    • Service worker configurations showcasing different caching strategies.

    nextBadge reactBadge tailwindBadge

On hold:

  • 3D-Model-Customizer
    • Loading and centering different models (and materials)
    • UI elements for rotation, screenshot, upload, etc.
    • ๐Ÿšง Custom embossing resulting in good, manifold meshes ready for 3D-print.

    nextBadge reactBadge html5Badge scssBadge r3fBadge

  • CloudFlight

    Website / Desktop Wallpaper / Screensaver

    nextBadge reactBadge html5Badge scssBadge r3fBadge
    demoBadge codeBadge


More Todos:

  • Upgrade all WebGL-Projects to React 18 with concurrent renderer and R3F v8 ๐Ÿš€

    nextBadge r3fBadge

Pinned Loading

  1. photo-of-the-day-unsplash photo-of-the-day-unsplash Public

    Daily changing image from various artists. Photo collection curated by Unsplash.com.

    TypeScript

  2. cloudflight cloudflight Public

    Interactive Background

    TypeScript 1

  3. vanilla-icontest-pwa vanilla-icontest-pwa Public

    Simple PWA for testing and as reference

    HTML

  4. bulletproof-mail bulletproof-mail Public

    W.I.P.

  5. plopTemplates plopTemplates Public

    Generates code (projects, components, etc.) with custom pattern.

    JavaScript 1