The FullStacksDev Angular and Firebase simple example app
Part of the curated FullStacksDev Angular and Firebase tech stack. For solo devs and very small teams.
This is a fairly simple Logbook app — to keep a single time-ordered log of text entries — focused on showcasing and learning the tech stack, built from the base template.
You can read more about the purpose and specs of this example app on our website.
We highly recommend cloning the source code and running the app locally to get a feel for how it works.
Follow instructions from the base template:
All the learning content is within the /docs folder. They exist right next to the code and are updated and versioned together. These cover the architecture, design decisions, data models, patterns, features, tech stack capabilities and learnings for this simple example app.
Use the index below and GitHub's UI to navigate and read the docs, with useful tools like the tree view sidebar, table of contents sidebar and repository search.
The docs are designed to be skimmable and a reference to come back to. We recommend going through each, in order, but not necessarily trying to learn everything at once, as you can always come back and dig deeper (especially after getting into the actual code, and building your skills and understanding up).
After a look at the overall architecture, we cover things from a horizontal perspective, i.e. the layers of implementation that make up the whole app.
- Architecture
- Routes and shell
- Data model and access
- Logbook stores
- Logbook UI and flows
- Testing
- Deployment and monitoring
To make the information skimmable and easier to understand, you'll see the following standout blocks throughout:
| 🧠 Design decision |
|---|
| A decision that was made and why. Can cover any aspect: technical, architectural, design, UX, etc. |
| ✅ Pattern |
|---|
| A recommended way of doing something. This term is used loosely and non-formally, just as a way of saying “this is a thing we recommend you do in a particular context”. |
Important
A key point to remember.
Note
Extra info to clarify a point or provide context.
Tip
A tip or trick worth knowing about.
Warning
Gotchas and things to be careful about.
Caution
More severe gotchas and things to watch out for.
Important
This example app and all code and content is provided "as is" and with no warranty nor liability. Please make sure you keep a close eye on any costs incurred as you'll be liable for these and anything else that arises from using this template. We recommend you review the code and architecture carefully, adapt it to your needs and thoroughly test your solutions out, before deploying to a live project, paying close attention to Firebase's pricing model.
All code here is licensed under the MIT License — see the LICENSE file for details.
All learning content within the `/docs` folder is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International
Important
This means you cannot use the learning content for commercial purposes (but you can use the code for commercial apps), and if you reproduce the learning content anywhere you must attribute it to FullStacksDev and you must share any derivative works under the same license.
©️ 2025 FullStacksDev / TidyBrains Ltd.