html-form-to-google-sheet
modern-todomvc-vanillajs
Our great sponsors
html-form-to-google-sheet | modern-todomvc-vanillajs | |
---|---|---|
5 | 19 | |
677 | 1,063 | |
- | - | |
0.0 | 4.9 | |
over 1 year ago | about 2 months ago | |
JavaScript | CSS | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
html-form-to-google-sheet
- Self-hosting forms, the sane way
- Ways of sending HTML form to spreadsheet
-
Ways to send HTML form data to a spreadsheet
This guide is current and works well. https://github.com/levinunnink/html-form-to-google-sheet
-
Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
Modern web is fairly complex but it doesn't have to be. What you're after is a simple form to submit that data to someplace. CSS and JavaScript in your case are only needed to improve the look and get some kind of dynamic feedback.
So you have the client webpage, this can be a really simple webpage without any style that just has several form tags (Reference: https://www.w3schools.com/tags/tag_form.asp).
Then you need to send this data to some place. You can use standard html actions to do this to a back end script, a rest api, or even to a formatted email that will be sent via the user's email client.
You may need node to code the back end if there isn't one you can use. You can also use google sheets. See example here: https://github.com/levinunnink/html-form-to-google-sheet. This is really only useful for a small prototype so at some point you would need to standup your own backend somewhere. That gets more complicated because now you need a script (could be JavaScript & node for example or PHP or anything else) which processes your form request and stores it to a database someplace else.
Good luck and happy coding.
- Send HTML forms to Google Sheets (2021 version)
modern-todomvc-vanillajs
- Writing a TodoMVC App with Vanilla JavaScript in 2022
- Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS
- Writing a TodoMVC App with Vanilla JavaScript
-
React I Love You, but You're Bringing Me Down
> React takes us forward in the sense that most of us don't want to go back to direct DOM manipulation
There was recently a demo of what a Todo MVC app might look like if written in vanilla JS with today's apis. It looks fairly decent; I could see myself going back to something like that:
https://frontendmasters.com/blog/vanilla-javascript-todomvc/
- Writing a TodoMVC App With Vanilla JS in 2022
-
Ask HN: What happened to vanilla HTML/CSS/JS development?
>> Does not trigger when modified from the same page
I'm thinking that's the purpose of https://github.com/1Marc/todomvc-vanillajs-2022/blob/main/js... - without dispatching that custom save event, there wouldn't be a way to react at any other locations on the same page to the store updating.
- GitHub - 1Marc/todomvc-vanillajs-2022: Vanilla JS TodoMVC App in 2022
- TodoMVC App Written in Vanilla JavaScript
What are some alternatives?
web_app_from_scratch - One script for every web framework which sets up a minimal web app with routing, templates and users.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
longwood - Experimental rendering library
htmx - </> htmx - high power tools for HTML
uibuilder - Typed HTML templates using TypeScript's TSX files
el - Minimal JavaScript application framework / WebComponents base class
javascript-todo-list-tutorial - ✅ 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. 🌱
mebm - zero-dependency browser-based video editor
Web-Dev-For-Beginners - 24 Lessons, 12 Weeks, Get Started as a Web Developer
domdiff - Diffing the DOM without virtual DOM
eureka - Lucene-based search engine for your source code
uhtml - A micro HTML/SVG render