• 

  Landing page

• 

  Login page

• 

  Main page

Ai voice gen

This project,## AI Voice Generator, was inspired by the growing demand for high-quality, realistic voice synthesis for applications like content creation, accessibility tools, and language learning. I wanted to create a simple yet powerful web app that allows users to generate lifelike voices in just a few clicks.

During the process, I learned a lot about integrating third-party APIs for text-to-speech (TTS), working with modern front-end technologies, and managing user interactions to ensure a smooth experience. I deepened my understanding of asynchronous JavaScript, React state management, and responsive web design.

The project was built using:

React with Vite for fast, modern front-end development

Firebase Auth and Firestore for user authentication and data storage

The ElevenLabs TTS API for generating high-quality voices

Some of the biggest challenges I faced were:

Handling edge cases where API calls failed or returned unexpected responses

Ensuring secure API key usage on the front end without exposing sensitive credentials

Making the interface responsive and user-friendly across devices

Implementing a system to store and retrieve user voice generation history efficiently in Firestore

Overall, this project gave me hands-on experience in building a full-stack React application with real-time features and improved my skills in working with modern web technologies and APIs.

Built With

• react
• vite