Giter Club home page Giter Club logo

whenisthenextspacexlaunch.com's Introduction

whenisthenextspacexlaunch.com

๐Ÿš€ Development Repo and Documentation for When is the next SpaceX launch

Features

  • Next upcoming launch large display panel with countdown timer and links to media
  • List of up coming launches below fold
  • Ken burns effect full screen launch image
  • Theme selection (dark mode)

Technical Functionality

  • Data from the unofficial SpaceX-API v4
  • Theme set from system mode (dark/light)
  • Browser Support: Any Modern Browser (Not Internet Explorer, or Edge v1)
  • PWA Support (Desktop app install, mobile app install, static file cache)
  • Data Caching using IndexedDB (min time between refresh 30mins)
  • Image and asset caching using CacheAPI
  • LocalStorage to store settings

Development

  • Static Site
  • Vanilla Javascipt (fetch for API calls)
  • Library Addins
    • Moment(Dates and Times)
    • FontAwesome(Icons)
    • Google Fonts(font styles)
  • Data from public API (SpaceX-API v4)
  • Cacheing
    • Static files using Cache API (Service Worker / PWA)
    • API Data using IndexedDB
    • Theme preference using LocalStorage
  • Browser storage using Local Storage
  • NPM Modules: (Dev) gh-pages(github pages deployment)
  • Source Control: GitHub
  • Hosting: GitHub Pages with custom domain
  • Analytics: Google Analytics, Microsoft Clarity

Releases

Version 2.3

  • Fixes
    • API Missing payload data handle
    • Imgur image loading link 403 error handle
    • Minor verioning updates
    • Dependencie updates

Version 2.2

  • Fixes
    • Implement method to force PWA Cache update

Version 2.1

  • Features

    • Added Microsoft Clarity Snippet
  • Fixes

    • Fixed New Year Date Comparison for Cache Refresh

Version 2.0

  • Features
    • Converted to v4 of spaceX API
    • Static file caching using CacheAPI for PWA offine support
    • Image caching using CacheAPI for performance and offline support
    • Modified display for TBA launch dates (countdown will only show for confirmed launch time)
    • API Response data cached in IndexedDB with max min refresh time of 30mins
    • Various interface tweaks, fixes and improvements

Version 1.6

  • Features

    • Dark mode switch button
    • Various layout updates and changes
  • Fixes

    • Updates titles
    • Various other fixes and mistakes
    • Moved JS and CSS files into folders

Version 1.5

  • Features

    • Allow selection of theme, remember selection on page refresh
    • Award Digital logo now text to support dark mode
  • Fixes

    • No next mission patch use placeholder
    • Updated Title Text for launch times

Version 1.4

  • Features

    • Dark Mode, System detected
    • No patch available use a placeholder
  • Fixes

    • Missing Mission details check (hide)

Version 1.3

  • Features
    • Favicons
      • Chrome
      • Apple
      • Windows Pinned Site (Browser Configuration)
      • Favicon
    • Facebook Metadata
    • Start of PWA Configuration
      • Install as App in Windows

Version 1.2

  • Features
    • Sitemap.xml
    • robots.txt
    • Scrollbar styling
    • Noscript notice
  • Fixes
    • Keywords
    • Single SpaceX-API call rather than 2 as upcoming also contains next launch

Version 1.1

  • Features

    • Mobile optimisted layout
    • Header meta tags
  • Fixes

    • AD Logo clarity

Version 1.0

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.