Discover dwyl/phoenix-liveview-todo-list-tutorial Open Source project

📧 An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Server (using a Google Script) perfect for static websites that need to collect data.

4,178

learn-to-send-email-via-google-script-html-no-server

⭐ Use repo badges (build passing, coverage, etc) in your readme/markdown file to signal code quality in a project.

3,140

repo-badges

✅ A brief introduction to Test Driven Development (TDD) in JavaScript (Complete Beginner's Step-by-Step Tutorial)

2,831

learn-tdd

💡 A Quick-start Guide for People who want to dwyl ❤️ ✅

2,698

start-here

1,734

learn-elixir

💧 Learn the Elixir programming language to build functional, fast, scalable and maintainable web applications!

😎 A quick Travis CI (Continuous Integration) Tutorial for Node.js developers

1,611

learn-travis

📖 Notes on the seminal "JavaScript the Good Parts: by Douglas Crockford

1,251

Javascript-the-Good-Parts-notes

1,193

aws-sdk-mock

🌈 AWSomocks for Javascript/Node.js aws-sdk tested, documented & maintained. Contributions welcome!

TypeScript

1,113

learn-aws-lambda

✨ Learn how to use AWS Lambda to easily create infinitely scalable web services

📗 Our Book on Full-Stack Web Application Development covering User Experience (UX) Design, Mobile/Offline/Security First, Progressive Enhancement, Continuous Integration/Deployment, Testing (UX/TDD/BDD), Performance-Driven-Development and much more!

1,035

book

Rust

818

hapi-auth-jwt2

🔒 Secure Hapi.js authentication plugin using JSON Web Tokens (JWT) in Headers, URL or Cookies

☀️ Learn to use Hapi.js (Node.js) web framework to build scalable apps in less time

795

learn-hapi

💬 The Step-by-Step Beginners Tutorial for Building, Testing & Deploying a Chat app in Phoenix 1.7 [Latest] 🚀

794

phoenix-chat-example

😍 Learn how to use Tachyons to craft beautiful, responsive and fast UI with functional CSS!

760

learn-tachyons

🔥 Phoenix is the web framework without compromise on speed, reliability or maintainability! Don't settle for less. 🚀

673

learn-phoenix-framework

✅ A step-by-step complete beginner example/tutorial for building a Todo List App (TodoMVC) from scratch in JavaScript following Test Driven Development (TDD) best practice. 🌱

650

javascript-todo-list-tutorial

🌜 Learn how to use Nightwatch.js to easily & automatically test your web apps in *real* web browsers.

623

learn-nightwatch

🌈 discover the beautiful programming language that makes front-end web apps a joy to build and maintain!

585

learn-elm

💥 Comprehensive Notes for Learning (how to use) Redux to manage state in your Web/Mobile (React.js) Apps.

483

learn-redux

📈 General purpose hits (page views) counter

446

hits

🚧 Learn the craft of "DevOps" (Developer Operations) to Deploy your App and Monitor it so it stays "Up"!

432

learn-devops

Shell

413

phoenix-liveview-counter-tutorial

🤯 beginners tutorial building a real time counter in Phoenix 1.7.14 + LiveView 1.0 ⚡️ Learn the fundamentals from first principals so you can make something amazing! 🚀

💬 Real-time Chat using Hapi.js + Socket.io + Redis Pub/Sub (example with tests!!)

374

hapi-socketio-redis-chat-example

Elm

366

hapi-typescript-example

⚡ Hapi.Js + Typescript = Awesomeness

TypeScript

351

learn-istanbul

🏁 Learn how to use the Istanbul JavaScript Code Coverage Tool

📕 Need to store/access your data as fast as possible? Learn Redis! Beginners Tutorial using Node.js 🚀

339

learn-redis

🚀 Detailed description + diagram of the Open Source Technology Stack we use for dwyl projects.

291

technology-stack

🔐 A detailed example for how to encrypt data in an Elixir (Phoenix v1.7) App before inserting into a database using Ecto Types

288

phoenix-ecto-encryption-example

🔍 Learn how to use ElasticSearch to power a great search experience for your project/product/website.

274

learn-elasticsearch

👤Minimalist Google OAuth Authentication for Elixir Apps. Tested, Documented & Maintained. Setup in 5 mins. 🚀

265

elixir-auth-google

🏡 👩‍💻 💡 home is where you can [learn to] build the future surrounded by like-minded creative, friendly and [intrinsically] motivated people focussed on health, fitness and making things people and the world need!

263

home

246

learn-docker

🚢 Learn how to use docker.io containers to consistently deploy your apps on any infrastructure.

Dockerfile

220

learn-elm-architecture-in-javascript

🦄 Learn how to build web apps using the Elm Architecture in "vanilla" JavaScript (step-by-step TDD tutorial)!

📝Learn how to use Environment Variables to keep your passwords and API keys secret. 🔐

211

learn-environment-variables

🐘 Learn how to use PostgreSQL and Structured Query Language (SQL) to store and query your relational data. 🔍

201

learn-postgresql

✅ Learn how to use Tape for JavaScript/Node.js Test Driven Development (TDD) - Ten-Minute Testing Tutorial

195

learn-tape

💌 Simplifies reliably sending emails from your node.js apps using AWS Simple Email Service (SES)

187

sendemail

✅ Complete beginners tutorial building a todo list from scratch in Phoenix 1.7 (latest)

181

phoenix-todo-list-tutorial

💬 a curated list of quotes that inspire action + code that returns quotes by tag/author/etc. 💡

171

quotes

🏁 Learn how to deploy your web application to Heroku from scratch step-by-step in 7 minutes!

163

learn-heroku

Python

153

decache

:shipit: Delete Cached node_modules useful when you need to "un-require" during testing for a fresh state.

🌐 Discover how to build and deploy a Google Chrome Extension for your Project!

151

learn-chrome-extensions

139

labels

🏷 Sync GitHub Labels from any Source to Target Repositories for Consistency across all your projects!

🆎 Tutorial on A/B and multivariate testing ✔️

138

learn-ab-and-multivariate-testing

137

ISO-27001-2013-information-technology-security

🔐 Probably the most boring-but-necessary repo on GitHub. If you care about the security/privacy of your data...! ✅

136

auth

🚪 🔐 UX-focussed Turnkey Authentication Solution for Web Apps/APIs (Documented, Tested & Maintained)

A simple example of sending data from an ordinary web form straight to a Google Spreadsheet without a server.

135

web-form-to-google-sheet

Clear your mind. Organise your life. Ignore distractions. Focus on what matters.

133

app

Dart

133

phoenix-liveview-chat-example

💬 Step-by-step tutorial creates a Chat App using Phoenix LiveView including Presence, Authentication and Style with Tailwind CSS

✅ A quick intro to Circle CI (Continuous Integration) for JavaScript developers.

130

learn-circleci

121

learn-regex

⁉️ A simple REGular EXpression tutorial in JavaScript

120

learn-react

"The possibilities are numerous once we decide to act and not react." ~ George Bernard Shaw

💡 Learn how to use Amazon Web Services Internet of Things (IoT) service to build connected applications.

108

learn-aws-iot

💻 Simple environment variable (from config file) loader for your node.js app

101

env2

How to choose the right dabase

100

how-to-choose-a-database

flutter-todo-list-tutorial

✅ A detailed example/tutorial building a cross-platform Todo List App using Flutter 🦋

Dart

imgup

🌅 Effortless image uploads to AWS S3 with automatic resizing including REST API.

📲 simplest version of the @dwyl app

mvp

📋 Guidelines & Workflow for people contributing to our project(s) on GitHub. Please ⭐ to confirm you've read & understood! ✅

contributing

learn-flutter

🦋 Learn how to use Flutter to Build Cross-platform Native Mobile Apps

A collection of JavaScript Best Practices

javascript-best-practice

learn-amazon-web-services

⭐ Amazing Guide to using Amazon Web Services (AWS)! ☁️

range-touch

📱 Use HTML5 range input on touch devices (iPhone, iPad & Android) without bloatware!

✅ Pre-commit hooks let you run checks before allowing a commit (e.g. JSLint or check Test Coverage).

learn-pre-commit

🚀 A rough guide for people working with dwyl as Product Owners

product-owner-guide

phoenix-ecto-append-only-log-example

📝 A step-by-step example/tutorial showing how to build a Phoenix (Elixir) App where all data is immutable (append only). Precursor to Blockchain, IPFS or Solid!

🌻 fields is a collection of useful field definitions (Custom Ecto Types) that helps you easily define an Ecto Schema with validation, encryption and hashing functions so that you can ship your Elixir/Phoenix App much faster!

fields

🙈 An ESLint Style that only allows JavaScript the Good Parts (and "Better Parts") in your code.

goodparts

☔ Intercept errors in your Hapi Web App/API and send a *useful* message to the client OR redirect to the desired endpoint.

hapi-error

📗 Contains our processes, questions and journey to creating a team

process-handbook

♻️ Terminate a Node.js Process (and all Child Processes) based on the Process ID

terminate

☁️ 🚀 Effortlessly deploy Amazon Web Services Lambda function(s) with a single command. Less to configure. Latest AWS SDK and Node.js v20!

aws-lambda-deploy

✈️ A quick-start guide for new engineers on how to set up their Dev environment

dev-setup

hapi-login-example-postgres

🐰 A simple registration + login form example using hapi-register, hapi-login & hapi-auth-jwt2 with a PostgreSQL DB

A step-by-step example/tutorial explaining the benefits of the BLoC architecture and bloc library including tests!

flutter-bloc-tutorial

Dart

learn-security

🔐 For most technology projects Security is an "after thought", it does not have to be that way; let's be proactive!

learn-javascript

A Series of Simple Steps in JavaScript :-)

💬 Probably the fastest, most reliable/scalable chat system on the internet.

chat

📘 Use JSDoc and a few carefully crafted comments to document your JavaScript code!

learn-jsdoc

CSS

ampl

📱 ⚡ Ampl transforms Markdown into AMP-compliant html so it loads super-fast!

❄️ A Globally Unique IDentifier (GUID) generator in JS. (deterministic or random - you chose!)

aguid

✅ Want to see where you could help on an open dwyl issue?

tudo

📗 Learn how to build Native Apple Watch (+iPhone) apps from scratch!

learn-apple-watch-development

Swift

learn-qunit

✅ A quick introduction to JavaScript unit testing with QUnit

☁️ Learn how to use ngrok to share access to a Web App/Site running on your "localhost" with the world!

learn-ngrok

💩 Learn how to use the ~~jshint~~ code quality/consistency tool.

learn-jshint

🔒 A functional example Hapi.js app using hapi-auth-jwt2 & Redis (hosted on Heroku) with tests!

hapi-auth-jwt2-example

👢Bootstrap recreated using tachyons functional css

tachyons-bootstrap

🌬️ Learn Tailwind CSS to craft pixel-perfect web apps/sites in less time! 😍

learn-tailwind

🔍 Simple + Fast ElasticSearch Node.js client. Beginner-friendly defaults & Heroku support ✅ 🚀

esta

☁️ Practical node.js examples.

learn-node-js-by-example

✅ Pre-commit hooks for Elixir projects

elixir-pre-commit

🌐 Because why wouldn't you make your company's product roadmap Public on GitHub?

product-roadmap

redis-connection

⚡ Single Redis Connection that can be used anywhere in your node.js app and closed once (e.g in tests)

❓Learn to use GraphQL - A query language that allows client applications to specify their data fetching requirements

learn-graphQL

Mock event and context objects without fluff.

aws-lambda-test-utils

🚪 The Simplest Possible (Email + Password) Login for Hapi.js Apps ✅

hapi-login

🐎 Riot.js lets you build apps that are simpler and load/run faster than any other JS framework/library.

100

learn-riot