Jhonatan Arenas 🎨
Explore a curated selection of my projects and case studies that showcase my ability to turn ideas into impactful digital products.
Client For:
Personal Project
Services:
Frontend Architecture, Self Hosting, Authentication Integration, Product Management UI
https://ipdl.iforwhile.com/Overview
This project is an ongoing personal initiative to develop a website for a small local business. It uses Angular 19 with a standalone, module less architecture and server side rendering for SEO and performance. The project shares the same infrastructure setup as my other fullstack projects: deployed via Docker on a self managed Linux VPS. It also includes integration with Appwrite (self hosted) for user authentication and will feature a product management dashboard to allow owners to manage their inventory from a secured frontend.
Challenges
Developing this site involves building a secure, SEO friendly platform with real world features like user authentication, product listings, and responsive layouts. The technical challenge lies in replicating scalable, production grade practices within a self managed, small scale project, while preparing the foundation for dynamic business facing functionality.
Server Side Rendering with Angular 19
- Challenge: Delivering pre rendered pages for SEO while maintaining responsive interactivity post hydration.
- Solution: Used Angular SSR with pre rendering and hydration strategies to serve content to search engines and provide fast initial render on devices.
User Authentication with Appwrite
- Challenge: Implementing secure user authentication for business owners using a self hosted backend.
- Solution: Integrated Appwrite authentication flows with Angular’s reactive form controls, ensuring protected routes and user session management.
Product Management UI
- Challenge: Allowing business owners to create, update, and list products via a user friendly dashboard.
- Solution: Designed a responsive internal view built with Angular standalone components and connected it to a secure backend for CRUD operations.
Self Hosting & Deployment
- Challenge: Orchestrating the deployment of frontend, backend, and authentication services on a single VPS.
- Solution: Used CapRover to deploy Docker containers for each component, applied SSL certificates, and configured routing rules for clean and secure navigation.
Results/Conclusion:
Although still in progress, the project already provides a solid architectural foundation, including a fully self hosted infrastructure, integrated authentication, and a scalable frontend framework. It serves as a practical experiment in delivering secure, fullstack solutions for small business use cases with minimal external dependencies.
