Start developing web applications with Svelte and Firebase

Jorge Alvarez - Jun 24 '19 - - Dev Community

Svelte & Firebase is a template to create web applications easily using Svelte and Firebase.

It has integrated all the tools and code you need to start a project with a solid foundation.

Goals

If you are interested in Svelte and Firebase with this template you can easily learn how to:

  • Use Svelte to create a web application.
  • Use Firebase Authentication.
  • Secure Firebase databases with rules.
  • Use Firebase function clouds.
  • Create public and protected pages.
  • Use it as the foundation for your new projects to speed up development.

Features

You can download the template and start using it right now. Just check the instructions.

  • User authentication
  • Public section
  • Login page
  • Signup page
  • Admin section
  • Teams management (example CRUD).
  • Employees management (example CRUD).
  • Reusable components (forms, modals, buttons...)

There is a live version in case you want to see it in action.

Technology

This project uses all these amazing technologies.

Firebase

It's a suite of tools from Google to help you create applications for the web and mobile. It gives you a database, hosting, authentication, analytics, etc.

Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Materializecss

A modern responsive front-end framework based on Material Design.

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology.

Validate.js

Validate.js provides a declarative way of validating javascript objects.

Svelte Router SPA

Svelte Router SPA adds routing to your Svelte apps. It's specially designed for Single Page Applications (SPA).

Summary

I hope this template can help people that wants to learn Svelte and/or Firebase to get some ideas and speed up their learning process. If you spot any error or have an improvement contributions are more than welcome.

. . . . . . . . . . . . . . . .