I put together a todo list using Firebase as the backend with Google authentication.
Svelte is a tool for building web frontends using “components” - achieves similar things to React or AngularJS, but it lighter weight and in some ways simpler.
The app’s based on a combination of:
- Starting with the Firebase Hosting guide: https://firebase.google.com/docs/hosting/quickstart
- Extending it with: https://github.com/fireship-io/182-svelte-firebase
- Which makes use of this (which I’d looked at briefly) https://github.com/sveltejs/template
- then refactoring, fixing up and changing a few bits
- It’s using the CSS framework Bulma, but only for base styling; no customisation.
Firebase gives you realtime updates, so changes by one user appear for everyone immediately (the todo list is currently filtered by user, so to see that you’d need to log in via to browsers or 2 devices)
The idea is to have another option for rapid development/prototyping - Svelte seems like it’s a good bet for the future & the frontend’s reasonably separated, so it wouldn’t take that much to change backends.
The fact that Firebase has that realtime element could be pretty handy.