This tutorial will teach you how to build a simple Full-Stack Microblog app that has user login, REST API endpoints, front-end forms for submitting data and schema validation to ensure the user cannot enter bad data to your database!
For example, we'll add a new post to the app that has comments from other GitHub users like https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA - see 01:57:48 for an example!
00:00 Intro
01:31 Project Setup with Nx, Express, React & Tailwind
17:39 GitHub OAuth Login
42:17 API Endpoints for Posts
01:05:05 Front End Services for working with the API
01:22:19 UI Components for Posts and Comments
01:44:20 Creating new Posts in the app
01:54:13 Validating user input with Joi
The idea behind this full-stack app was to demonstrate how you can prevent a malicious user from entering extra data into your database by adding schema validation with Joi.
In order to demonstrate this, I'll be taking you through how to create a full app from scratch which will hopefully also give you the opportunity to learn more tech such as React, Tailwind, Express, MongoDB, Docker and much more.
I'll run through some of the sections quite quickly so feel free to leave me a comment below and I'll do my best to answer any questions you might have!
Thanks for watching!
#fullstackapps Channel Handle @codebubb
11 Comments