Using . The main takeaway from this series is that setting up building and deploying an entire application is a very doable and enjoyable experience because many of the tools available today can handle a lot of the heavy lifting for you and make the experience smooth and easy. If you find an issue please feel free to raise an issue or commit in the repository. If you have any questions please feel free to contact me on. Education Don’t miss the next article Using and Building Full Stack Applications Referential Integrity and Image Upload Series Sabine Dams Sabin Adams Sabin Dev Reading Time Minutes Welcome to the fourth article in this series You will learn how Using and Building a Full-Stack Application from Scratch In this section you will build the profile settings portion of the application including the image upload component and configure the schema to provide referential integrity in the data. Part 3 Using and building a full-stack application.
Project setup Part 3 Using and building a full-stack appli photo editing servies cation Authentication Part 3 Using and building a full-stack application Filtering and sorting Part 3 Using and building a full-stack application Referential integrity and Image Upload Part 5 Using and Building a Full-Stack Application Deployment Catalog Introduction to Development Environment Build Configuration File Setup Mode Create Modal Build Form Allow User to Submit Form Add Image Upload Component Set Up Account Create User Settings Bucket Update Your Architecture Build Image Upload Component Build an image upload service. Hand the components and services to users. Display profile pictures. Add a delete account function. Add a delete button. Update the data model to add referential integrity. Add form validation. Summary and next steps. In the previous part of this series, you built The main areas of this application include like source user list recent like list and like sending form. In this section.
You will conclude the development of this application by building a method for users to update their profile information and upload a profile picture. You will also make some changes to the schema to give Provide database referential integrity. Note that the starting point for this project can be found in the Parts branch of the repository. If you want to see the final result of this part please go to the Part branch. A development environment you will need to install in order to follow the examples provided. Installed. Extension installed. Optional extensions installed. Optional Note The optional extensions for and add some really nice intellisense and syntax highlighting. Build Profile Settings Modal Your application's profile settings page will appear as a modal. The modal can be accessed by clicking the Profile.