Start developing web applications with Svelte and Firebase

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.