Hi, I'mMauricio Pastora

AWS Infrastructure:
The application leverages AWS services for scalability and security. The React frontend is hosted in an S3 bucket and delivered globally via CloudFront, with Route 53 managing DNS. The backend runs on an EC2 instance inside a VPC, connected to an RDS PostgreSQL database. Security Groups enforce strict firewall rules, and Cognito manages user authentication. A Pre-Signup Lambda trigger validates email domains (blocking disposable or unauthorized domains) and logs actions to CloudWatch. This setup provides a secure, high-performance foundation with managed hosting and authentication. Frontend
Frontend Architecture:
The frontend is built with React and TypeScript, using Vite for fast builds and SWR for efficient data fetching. A component-based design with TailwindCSS ensures reusable, responsive UI elements. State is managed via React Hooks and the Context API, including an authentication context tied to Cognito. This architecture delivers a performant and adaptive interface with seamless user session handling.
Backend Architecture:
The backend uses Flask with a RESTful API backed by PostgreSQL via SQLAlchemy. It follows clean REST principles, returning JSON responses with proper status codes. Authentication relies on Cognito-issued JWT tokens, reducing the need for custom auth logic. SQLAlchemy's parameterized queries and input normalization protect against SQL injection, while the modular design simplifies database interactions and scaling.
Deployment Pipeline:
CI/CD is powered by GitHub Actions, automating builds and deployments. Frontend changes are built with Vite and synced to S3, followed by CloudFront cache invalidation. Backend updates are deployed to EC2 via SSH with automatic dependency installation and service restarts. Environment variables and GitHub Secrets manage sensitive configurations for dev, staging, and production environments. Security Features: All traffic runs over HTTPS with SSL certificates from AWS Certificate Manager. The RDS database is in a private subnet, and Security Groups restrict inbound access. CORS is configured on the Flask API to allow the frontend domain while blocking unauthorized origins. Cognito secures authentication and session management, while SQLAlchemy and input sanitization mitigate injection risks. Sensitive credentials are stored securely in AWS and GitHub Secrets.

R&D:
Research and Development of the platform included the implementation of different AWS services and tools to replace the current vectorization pipeline. This led me to develop an infrastructure that included the use of AWS Comprehend and textract for extraction of text, AWS Bedrock for chunking, AWS Titan V2 for vector embeddings, and DynamoDB for storing the metadata of the chunks to avoid revectorization of the same chunks.
Features:
Built and implemented a scraper to extract the raw text content from a webpage.
MCP Server:
Developed and tested several different MCP tools to assist in the development of the platform.

Frontend Architecture:
The renderer is built with React 19 and TypeScript, using Vite for fast HMR development builds. A component-based design leverages TailwindCSS for a dark-themed, responsive interface. State management uses React Hooks exclusively—including custom hooks like useChat and usePandioSidebar for encapsulated state logic. The layout features a collapsible sidebar (SidebarProvider context) and a resizable/draggable AI chat panel powered by react-rnd for flexible positioning.
Browser Core:
The webview-based browser engine provides full navigation controls (back, forward, refresh, home) with intelligent URL handling—automatically prefixing https:// for domain-like inputs or redirecting plain text to Google search. Navigation events are intercepted to keep the URL bar synchronized with the actual webview state.
AI Chat Integration:
The integrated Pandio Chat component connects directly to OpenAI's GPT-3.5-turbo API via the Chat Completions endpoint. API keys are securely managed through Vite environment variables. The chat supports two display modes: a fixed sidebar (300px width, docked right) and a floating modal (draggable, resizable, 300-800px). Conversation state is managed locally with React state, featuring loading indicators and auto-scroll to the latest message.