DEV Community

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

Posted on

1

# 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.

API Trace View

Struggling with slow API calls? 🕒

Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay