DEV Community

Cover image for # Transcripto - AI-Powered Transcription Application
Daniel Lowery
Daniel Lowery

Posted on

# Transcripto - AI-Powered Transcription Application

*This is a submission for the AssemblyAI Challenge: No More Monkey Business.

What I Built

Transcripto is an AI-powered transcription web application designed to simplify the process of uploading and transcribing audio files or URLs. The application also allows users to download transcriptions and view a history of past transcriptions. Check out the code at the link below.

GitHub Repository

Features:

  • Live Transcription: Real-time transcription capabilities for audio uploads or URLs.

  • Transcription History: A list of previously uploaded and transcribed files with options to download the results.

  • Responsive Design: Built with React and Tailwind CSS to ensure usability across all devices.

  • Downloadable Transcriptions: Users can download transcriptions directly from the interface.


Screenshots

Main Interface (Live Transcription)

Image description


Journey

The project was implemented with the following technologies:

  • Frontend: React, Tailwind CSS, React Router.

  • Backend: Placeholder (intended integration with AssemblyAI).

  • State Management: React hooks for simplicity and scalability.

  • Deployment: Easily scalable for future use with backend APIs.

How I built it:

  • Designed a clean and accessible user interface using Tailwind CSS.

  • Added functionality to upload audio files or input URLs for transcription.

  • Created a history page to view and download previous transcriptions.

  • Implemented routing with React Router to navigate between pages seamlessly.


Acknowledgments

This project is part of the AssemblyAI Challenge hosted on DEV Community. Special thanks to the organizers for providing the opportunity to build and showcase this application.

Top comments (0)