From Snap to Story: Building an AI Photo Journal with React Native, PoML & MCP

From Snap to Story: Building an AI Photo Journal with React Native, PoML & MCP

Part 3: Set up image picking (camera/gallery) and sending the photo to the MCP server.


In this post, we would add a feature in our React-Native app to let user take a photo (or pick from gallery), send it to the backend, and display the returned AI caption (for now still placeholder).

This is where the “Photo Journal” starts coming alive.

Comments

Post a Comment

Popular posts from this blog

Securing Web forms in React

Securing Web forms in React Practical Guidelines for Preventing XSS and Data Injection in Web Forms Introduction Forms are a key part of most web applications. They handle user data entry, authentication, and configuration. Because they accept external input, forms are also one of the main sources of security vulnerabilities such as: Cross-Site Scripting (XSS) Data Injection Phishing via injected form markup React automatically escapes user-provided data in JSX, which prevents many common injection attacks. However, as applications scale and integrate with user-generated or external content, teams must apply  consistent input sanitization and validation patterns . This document defines standard practices for React-based projects to ensure that user input is handled safely across the application. Core Principle: Validate Input, Encode Output Every piece of user-provided data should be treated as  untrusted . “Never trust input that originates outside your code.” Stage Action Ex...
Read more

From Snap to Story - Part 1: Building an AI Photo Journal app with React Native, PoML & MCP

From Snap to Story - Part 1: Building an AI Photo Journal app with React Native, PoML & MCP Part 1 - Prerequisites, Tooling and initial project setup Forms are a key part of most web applications. They handle user data entry, authentication, and configuration. Because they accept external input, forms are also one of the main sources of security vulnerabilities such as: Cross-Site Scripting (XSS) Data Injection Phishing via injected form markup React automatically escapes user-provided data in JSX, which prevents many common injection attacks. However, as applications scale and integrate with user-generated or external content, teams must apply  consistent input sanitization and validation patterns .
Read more

From Snap to Story: Building an AI Photo Journal with React Native, PoML & MCP

  From Snap to Story: Building an AI Photo Journal with React Native, PoML & MCP Part 2:  Set up image picking (camera/gallery) and sending the photo to the MCP server . In this post, we would add a feature in our React-Native app to let user take a photo (or pick from gallery), send it to the backend, and display the returned AI caption (for now still placeholder). This is where the “Photo Journal” starts coming alive.
Read more