A progressive Node.js framework for building efficient and scalable server-side applications.

Description

Nest is a framework for building efficient, scalable Node.js server-side applications. It uses modern JavaScript, is built with TypeScript (preserves compatibility with pure JavaScript) and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Programming).

Under the hood, Nest makes use of Express, but also, provides compatibility with a wide range of other libraries, like e.g. Fastify, allowing for easy use of the myriad third-party plugins which are available.

Philosophy

In recent years, thanks to Node.js, JavaScript has become the “lingua franca” of the web for both front and backend applications, giving rise to awesome projects like Angular, React and Vue which improve developer productivity and enable the construction of fast, testable, extensible frontend applications. However, on the server-side, while there are a lot of superb libraries, helpers and tools…

Elastic UI Framework

The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic. Not using React? No problem! You can still use the CSS behind each component.

You should check out our living style guide, which contains many examples of components in the EUI framework aesthetic, and how to use them in your products. We also have a FAQ that covers common usage questions.

Installation

To install the Elastic UI Framework into an existing project, use the yarn CLI (npm is not supported).

yarn add @elastic/eui

Note that EUI has several peerDependencies requirements that will also need to be installed if starting with a blank project. You can read more about other ways to consume EUI.

yarn add @elastic/eui @elastic/datemath moment prop-types

Running Locally

Node

We depend upon the version of node defined in .nvmrc.

You will probably…

Awesome Advent of Code

This is a collection of awesome resources related to the yearly Advent of Code challenge.

• The Official AoC Website
• The AoC Subreddit
• Project Templates
• Tools and Utilities
• Other Advent Calendars
• 2018
• 2019
• 2020
  • Solutions
    • Ada
    • Assembly
    • AWK
    • Bash
    • C
    • C#
    • C++
    • Clojure
    • Common Lisp
    • Crystal
    • D
    • Dart
    • Elixir
    • Elm
    • Erlang
    • F#
    • Go
    • Groovy
    • Hamler
    • Haskell
    • Haxe
    • Idris
    • J
    • Java
    • JavaScript
    • jq
    • Julia
    • Kotlin
    • LDPL
    • Lua
    • MATLAB
    • Nim
    • Objective-C
    • OCaml
    • PHP
    • Perl
    • Pony
    • PowerShell
    • Prolog
    • Python
    • R
    • Racket
    • Raku
    • ReasonML
    • Red
    • Ruby
    • Rust
    • Smalltalk
    • Scala
    • Scheme
    • SpectX
    • SQL
    • Swift
    • TypeScript
      • Deno
    • Unison
    • VB.NET
    • Zig
  • Live Streams

Project Templates

Templates, cookiecutters and skeletons for quickly setting up projects in your favourite language.

• Reason Starter kit for Advent of Code (Reason and OCaml)
• dave-burke/advent-of-code-java-starter (Java)
• gobanos/cargo-aoc (Rust)
• nickyvanurk/advent-of-code-rust-template (Rust)
• hughjdavey/aoc-kotlin-starter (Kotlin)
• codemicro/adventOfCode (Go, Python)
• kindermoumoute/adventofcode (Go)
• staylorwr/elixir_aoc (Elixir)
• mhanberg/advent-of-code-elixir-starter (Elixir)
• AlexeSimon/adventofcode (Python)
• UncleCJ/advent-of-code (Jupyter Python Notebooks)
• sindrekjr/AdventOfCodeBase (C#)
• mhanberg/advent-of-code-clojure-starter…

NextAuth.js

Authentication for Next.js

Open Source. Full Stack. Own Your Data

Overview

NextAuth.js is a complete open source authentication solution for Next.js applications.

It is designed from the ground up to support Next.js and Serverless.

Getting Started

npm install --save next-auth

The easiest way to continue getting started, is to follow the getting started section in our docs.

We also have a section of tutorials for those looking for more specific examples.

See next-auth.js.org for more information and documentation.

Features

Flexible and easy to use

• Designed to work with any OAuth service, it supports OAuth 1.0, 1.0A and 2.0
• Built-in support for many popular sign-in services
• Supports email / passwordless authentication
• Supports stateless authentication with any backend (Active Directory, LDAP, etc)
• Supports both JSON Web Tokens and database sessions
• Designed for Serverless but runs anywhere (AWS Lambda, Docker, Heroku, etc…)

Own your own data

NextAuth.js can be used with or…

AR.js - Augmented Reality on the Web

AR.js is a lightweight library for Augmented Reality on the Web, coming with features like Image Tracking, Location-based AR and Marker tracking.

Welcome to the official repository!

This project has been created by @jeromeetienne, previously managed by Nicolò Carpignoli and it is now maintained by the AR.js org.

🚀For frequent updates on AR.js you can follow @the official Twitter account and Watch this repo!

Logo is courtesy of Simon Poulter .

You can get paid support and new features for AR.js. Check this link.

⚡️AR.js has now an official Documentation!⚡️

Check it out: AR.js Official Documentation.

If you want to give a first look at AR.js potential, you can continue with this Readme.

⚡️ AR.js is coming in two, different builds. They are both maintained. They are exclusive.

Please import the one you need for your project, not…

Live Demo | View All Demos | View Full Docs | mattboldt.com

Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.

Installation

Choose One

npm install typed.js
yarn add typed.js
bower install typed.js

CDN

<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

Setup

This is really all you need to get going.

// Can also be included with a regular script tag
import Typed from 'typed.js';

var options = {
  strings: ['<i>First</i> sentence.', '&amp; a second sentence.'],
  typeSpeed: 40
};

var typed = new Typed('.element', options);

Use with ReactJS

Hook-based function component: https://jsfiddle.net/mattboldt/60h9an7y/

Class component: https://jsfiddle.net/mattboldt/ovat9jmp/

Use with Vue.js

Check out the Vue.js component: https://github.com/Orlandster/vue-typed-js

Use it as WebComponent

Check…

react-i18next

IMPORTANT:

Master Branch is the newest version using hooks (>= v10).

$ >=v10.0.0
npm i react-i18next

react-native: To use hooks within react-native, you must use react-native v0.59.0 or higher

For the legacy version please use the v9.x.x Branch

$ v9.0.10 (legacy)
npm i react-i18next@legacy

Documentation

The documentation is published on react.i18next.com The general i18next documentation is published on www.i18next.com

What will my code look like?

Before: Your react code would have looked something like:

...
<div>Just simple content</div>
<div>
  Hello <strong title="this is your name">{name}</strong>, you have {count} unread message(s). <Link to="/msgs">Go to messages</Link>.
</div>
...

After: With the trans component just change it to:

<div>{t('simpleContent')}</div>
<

TACHYONS

Functional CSS for humans.

Quickly build and design new UI without writing CSS.

Principles

• Everything should be 100% responsive
• Everything should be readable on any device
• Everything should be as fast as possible
• Designing in the browser should be easy
• It should be easy to change any interface or part of an interface without breaking any existing interfaces
• Doing one thing extremely well promotes reusability and reduces repetition
• Documentation helps promote reusability and shared knowledge
• CSS shouldn't impede accessibility or the default functionality of HTML
• You should send the smallest possible amount of code to the user

Features

• Mobile-first CSS architecture
• 490 accessible color combinations
• 8px baseline grid
• Multiple debugging utilities to reduce layout struggles
• Single-purpose class structure
• Optimized for maximum gzip compression
• Lightweight (~14kB)
• Usable across projects
• Growing open source component library
• Works well with plain HTML, React, Ember, Angular, Rails and more
• Infinitely nestable responsive grid system
• …

useAuth

the quickest way to add authentication to your React app

Getting Started

useAuth is designed to be quick to setup. You'll need an account with Auth0 or Netlify Identity and the appropriate access keys.

1. Install the hook

$ yarn add react-use-auth

Downloads from npm, adds to your package.json, etc. You can use npm as well.

2. Install your auth client

useAuth does not install its own authentication clients. Instead they're marked as peer dependencies.

Install auth0-js or netlify-identity-widget depending on what you'd like to use. More coming soon :)

$ yarn add auth0-js

or

$ yarn add netlify-identity-widget

You'll see warnings about missing peer dependencies for the client you aren't using. That's okay.

3. Configure with AuthConfig

useAuth uses an <AuthConfig> component to configure your authentication client. We use XState behind the scenes to manage authentication state for you.

Ensure AuthConfig renders on every page.

With Gatsby, add…

Weather Icons

222 Weather Themed Icons and CSS

Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!

Get started at https://erikflowers.github.io/weather-icons/!

Basic Usage

Place the 5 font files and the main weather-icons.min.css file in your project, with the assumption that the fonts are located up ../ from your CSS directory.

The icons are displayed by using an i element and adding the base class wi and then the icon class you want, such as day-sunny. This then looks like <i class="wi wi-day-sunny"></i>.

To add a modifier, include the class you want after the icon name, which looks like <i class="wi wi-day-sunny wi-flip-vertical"></i>. You can flip, rotate, or add a fixed width. See it all at https://erikflowers.github.io/weather-icons/.

API Usage

This…