Today I'm starting a new series here: let's build a full stack app together! I'm going to document all the development steps of a fully functional web app and share the decisions I make along the way, the tools I'm using and the thought process as the general idea evolves.
The goal is not to come up with something revolutionary, but to showcase every layer in a stack of programming technologies, working together. If you're a newbie it will work as a series of examples of several different pieces being weaved together for something larger. If you're an experienced developer, this may be a chance to see some of the new stuff that's coming out, or better yet, make suggestions!
Every now and then I'll post a pull request here for the community to provide feedback on.
The very basic functionality of the app is going to be: frontend layer, backend layer and relational database. The interface is going to present the user with flashcards containing helpful information and the user will have the chance to add pre-created flashcards to their collection, or build flashcards from scratch.
I've picked some technologies I'm very familiar with and others that I wanted to have an opportunity to play with. Here's the stack as of today:
Frontend: Angular (TypeScript)
Backend: .NET 8 (C#)
Database: MySQL
Hosting: Azure
CI/CD: Github Actions
The repo for the frontend code is:
https://github.com/brunosilvadev/hon
The backend can be found at:
https://github.com/brunosilvadev/hon-api
Follow along as it takes shape from the bare bones of boiler plates to a fully featured app. We'll add auth providers,tweak the pipelines, refactor the database architecture as the application evolves and listen to feedback from the users.
For the newbies in web development, I'll be happy to answer your questions and explain the logic as we progress.
On the next episode, I'll describe the initial architecture and the different bits of the boilerplate that's already in place.
Let's build it together?
Top comments (0)