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.