This full-stack web application serves as a portfolio platform, featuring a Content Management System (CMS) for users to display their work. It employs over 10 technologies and tools, and follows the Software Engineering lifecycle, ensuring security. The application also includes a messaging database for user communication.
Angular • Firebase • Node • Express • CMS
Designs using Sketch
I planned the design and architecture of this web-app to streamline development in Angular.
One sign of modern web development is accounting for accessibility.
Bootstrap was used to achieve responsive views for different device sizes, and for more advanced customization I used SCSS.
Mobile responsive view
Contact form & Firestore Database
I built this API to connect to my “Contact us” form and hosted on Google’s Firebase (Cloud).
Upon submitting, the form generates a token via Google’s captcha v3 API and that along with form values, are validated on my Node Server.
I used Express to build an endpoint to handle such a request.
As another security middleware layer I used CORS for domain whitelisting.
Finally, the valid form data is stored in a Firebase database.
I can dynamically add, edit and remove any project on my web-app portfolio by changing content on a separate site that acts as a server and CMS system.
This separate server is a WordPress website and uses WordPress API to transform it into a RESTful server.
Web-App project detail view & CMS content view
