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,047

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,725

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,586

learn-travis

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

1,251

Javascript-the-Good-Parts-notes

1,173

aws-sdk-mock

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

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

1,079

learn-aws-lambda

📗 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

816

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!

721

learn-tachyons

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

670

learn-phoenix-framework

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

639

learn-nightwatch

✅ 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. 🌱

585

javascript-todo-list-tutorial

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

565

learn-elm

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

472

learn-redux

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

446

learn-devops

Shell

411

hits

📈 General purpose hits (page views) counter

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

397

hapi-socketio-redis-chat-example

Elm

363

hapi-typescript-example

⚡ Hapi.Js + Typescript = Awesomeness

TypeScript

351

phoenix-liveview-counter-tutorial

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

🏁 Learn how to use the Istanbul JavaScript Code Coverage Tool

345

learn-istanbul

📕 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

281

phoenix-ecto-encryption-example

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

269

learn-elasticsearch

🏡 👩‍💻 💡 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!

265

home

245

elixir-auth-google

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

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

228

learn-docker

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. 🔐

207

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)

185

sendemail

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

181

phoenix-todo-list-tutorial

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

171

decache

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

151

quotes

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

150

learn-heroku

Python

149

learn-chrome-extensions

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

139

labels

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

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

136

ISO-27001-2013-information-technology-security

136

learn-ab-and-multivariate-testing

🆎 Tutorial on A/B and multivariate testing ✔️

135

web-form-to-google-sheet

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

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

133

app

Dart

133

auth

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

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

124

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

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

100

phoenix-liveview-chat-example

How to choose the right dabase

how-to-choose-a-database

imgup

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

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

contributing

javascript-best-practice

A collection of JavaScript Best Practices

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!

📲 simplest version of the @dwyl app

mvp

🙈 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

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

flutter-todo-list-tutorial

Dart

process-handbook

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

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

dev-setup

aws-lambda-deploy

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

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

terminate

🌻 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

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

learn-flutter

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

hapi-login-example-postgres

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

learn-security

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

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

hapi-auth-jwt2-example

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

learn-jshint

👢Bootstrap recreated using tachyons functional css

tachyons-bootstrap

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

esta

☁️ Practical node.js examples.

learn-node-js-by-example

🌐 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)

Mock event and context objects without fluff.

aws-lambda-test-utils

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

learn-graphQL

✅ Pre-commit hooks for Elixir projects

elixir-pre-commit

🚪 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.

learn-riot