Skills
Experience Level
Language
Work Experience
Education
Qualifications
The Challenge
A natural hair care brand needed a premium, high-converting digital storefront to showcase its herbal products and capture customer interest ahead of launch.
The Solution
Engineered a high-end e-commerce landing page from scratch leveraging Next.js and TypeScript. Crafted a custom UI that visually communicates the brand’s ‘100% natural’ identity with dynamic testimonial sections and email capture.
The Impact
Delivered a scalable, conversion-ready e-commerce foundation that establishes immediate brand credibility and trust.
This is a modern micro-utility application that bridges the gap between image recognition and AI voice synthesis. I built this to demonstrate how modern frontend architecture and AI APIs can be combined to create seamless, user-centric tools.
🔎 Project Overview
EchoPix allows users to instantly extract text from uploaded images (OCR) or manually input text, and then synthesizes that text into high-fidelity audio playback. The project focuses heavily on clean API integration, binary data handling, and a premium “Glassmorphism” UI design.
⚡ Key Features
• AI-powered image text extraction
• Real-time AI voice synthesis and audio generation
• Modern, frosted-glass (Glassmorphism) UI with ambient lighting
• Custom drag-and-drop file upload interface
• Secure audio stream handling and playback
• Fully mobile-responsive architecture
🛠️ Tech Stack
• Frontend: React, Next.js, TypeScript
• Styling: Tailwind CSS (Custom Glassmorphism UI)
• AI Integration: Gemini 2.5 Flash API (Vision & TTS)
• Deployment: Vercel
✨ What I Mastered in This Build
• Integrating complex AI models into a Next.js environment
• Handling and converting binary audio streams (PCM to WAV) on the client side
• Designing premium, high-conversion user interfaces
• Managing complex asynchronous states and loading UI
Hire a Front-End Developer
We have the best front-end developer experts on Twine. Hire a front-end developer in Abeokuta today.