Skip to content

The simple example app to showcase and learn the curated FullStacksDev Angular and Firebase tech stack

License

Unknown, MIT licenses found

Licenses found

Unknown
LICENSE
MIT
TEMPLATE_LICENSE
Notifications You must be signed in to change notification settings

FullStacksDev/angular-and-firebase-simple-example-app

Repository files navigation

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.

Running the app locally

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:

Learning content

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.

Recommended approach

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.

Index

  1. Architecture
  2. Routes and shell
  3. Data model and access
  4. Logbook stores
  5. Logbook UI and flows
  6. Testing
  7. Deployment and monitoring

Key

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.

Licenses

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.

Code

All code here is licensed under the MIT License — see the LICENSE file for details.

Content

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.

About

The simple example app to showcase and learn the curated FullStacksDev Angular and Firebase tech stack

Resources

License

Unknown, MIT licenses found

Licenses found

Unknown
LICENSE
MIT
TEMPLATE_LICENSE

Stars

Watchers

Forks