Photo Metadata Verification on Tilda for promogram.pro

promogram.pro
promogram.pro Project

The task was to customize the BF502N block on Tilda: remove standard iOS buttons when uploading files, leaving only the "Take photo or video" option to prevent promoters from editing photos. It was also required to change the button text from "Upload file" to "Save setting".

Technical Challenge

The main challenge was to modify the standard Tilda file upload functionality to restrict promoters from uploading pre-edited photos, ensuring only authentic photos taken directly from the device camera are submitted.

Work Stages

  1. Upload button customization - Removing standard file upload options
  2. Input type restriction and camera activation - Limiting input to camera only
  3. Real-time metadata verification - Checking photo authenticity
  4. Light and dark theme design for tablets - Creating responsive designs
  5. Mobile version design with light and dark theme support - Ensuring mobile compatibility

Final Result

  • Metadata verification during photo upload - Automatic authenticity checking
  • Button text modification - Changed from "Upload file" to "Save setting"
  • Preservation of data transmission and processing functionality through BF502N block

Technical Implementation

The solution ensures that promoters can only submit photos taken directly from their device camera, preventing the use of pre-edited or manipulated images. This maintains the integrity of the data collection process while preserving all original functionality of the Tilda BF502N block.

Technologies Used

  • Tilda - Website platform
  • HTML/CSS/JavaScript - Frontend customization
  • iOS Camera API - Direct camera access
  • Metadata Analysis - Photo authenticity verification
  • Responsive Design - Cross-device compatibility

Social Networks & Messengers

contacts

contacts

prices

prices

Web Interface Design with Shadcn/UI

I create designs for Next.js with TailwindCSS and Shadcn/UI components. Emphasis is on exceptional user experience, easy transfer of design to code, simple style replacement, and clarity for the client.

от 100 usd

Website and Web Application Development on Next.js

Development of modern websites and web applications on Next.js. Writing readable and easily maintainable code, serving as a reliable foundation for further business growth and expansion of services, products, and features.

от 100 usd

SEO Optimization for Next.js Websites

Ensuring high loading speeds, configuring meta tags, and creating an XML sitemap. The website is tested in PageSpeed Insights, GTmetrix, and other tools. Metrics above 80 are achieved. High performance, accessibility, and basic search visibility are ensured.

от 20 usd

Custom Scripts for Tilda

Development of custom scripts for Tilda websites, including the T123 block. Creation of tailored solutions for Tilda, enabling features unavailable in standard tools, such as quizzes, forms, timers, filters, sliders, modals, calculators, and API integrations (e.g., Google Sheets), as well as any additional enhancements based on your tasks. Enhance your website's functionality quickly and professionally.

от 20 usd

Professional Landing Page Development with Next.js, React, TypeScript, and Tailwind CSS

As an experienced freelancer and solo developer, I offer professional development of modern and effective landing pages using cutting-edge technologies: Next.js for server-side rendering (SSR) and SEO optimization, React for creating interactive web applications and dynamic content, TypeScript for ensuring code reliability and improved maintainability, and Tailwind CSS for rapid styling and creating responsive design. I specialize in developing high-converting single-page websites focused on lead generation and effective customer acquisition. Each landing page I create features an appealing modern design, fast loading speeds, full mobile responsiveness (completely responsive design), comprehensive search engine optimization (SEO) to help improve website ranking on Google and other search engines, and an intuitive user interface (UI/UX) ensuring maximum visitor engagement.

от 100 usd

E-commerce Store Development with Next.js, React, TypeScript, and Tailwind CSS

I offer professional development of modern and functional e-commerce stores using cutting-edge technologies: Next.js for high performance and SEO optimization, React for creating interactive user experiences and dynamic content, TypeScript for code reliability and maintainability, and Tailwind CSS for rapid styling and responsive design. As an experienced freelancer and solo developer, I specialize in creating effective online sales platforms. The e-commerce stores I develop feature appealing designs, fast page loading speeds, full responsiveness for mobile devices and tablets, and intuitive interfaces for customer convenience. They are also optimized for search engines, which helps increase organic traffic and drive sales.

от 500 usd

Professional Full-Stack Web Application Development with Next.js, React, TypeScript

I am a solo developer specializing in building modern web applications using a cutting-edge technology stack: Next.js for server-side rendering and SEO, React for interactive user interfaces, and TypeScript for code reliability. I also utilize TailwindCSS for rapid and stylish design, PostgreSQL for data storage, and Supabase as a streamlined backend solution. Contact me for efficient and high-performing web development.

от 500 usd