GithubHelp home page GithubHelp logo

šŸ” 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

grmpf's Projects

lygia icon lygia

lygia, it's a granular and multi-language shader library designed for performance and flexibility

matcaps icon matcaps

Huge library of matcap PNG textures organized by color

next-seo icon next-seo

Next SEO is a plug in that makes managing your SEO easier in Next.js projects.

ploptemplates icon ploptemplates

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

react-cool-starter icon react-cool-starter

šŸ˜Ž šŸ£ A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.

simplepwa icon simplepwa

šŸ‘©ā€šŸ’» Simple PWA is a Progressive Web App template that provides the minimum file structure needed to create a PWA

spherical-geometry-js icon spherical-geometry-js

This library provides classes and functions for the computation of geometric data on the surface of the Earth. Code ported from the Google Maps Javascript API v3 and tubalmartin/spherical-geometry.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. šŸ“ŠšŸ“ˆšŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ā¤ļø Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.