Git Product home page Git Product logo

photo-of-the-day-unsplash's Introduction

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

photo-of-the-day-unsplash's People

Watchers

 avatar

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.