TimeMachine GPT

the interface of TimeMachine GPT

🌟 Inspiration Have you ever wished you could ask your future self for guidance? We were inspired by the concept of a time capsule—but instead of leaving messages for your future self, what if your wiser, future self could speak back to you? With TimeMachine GPT, we’ve created a bridge across time—where your aspirations, fears, and goals become the context for heartfelt advice, powered by AI.

🚀 What it does TimeMachine GPT allows users to:

Input their name, age, goals, values, fears, and a question.

Receive an AI-generated motivational response as if from their future self.

Hear the response in a natural voice using speech synthesis.

Choose different tones: motivational, poetic, humorous, or professional.

Toggle voice output on/off and experience a scrollable animated text view.

🛠️ How we built it Frontend:

Built using HTML, CSS, and Vanilla JavaScript.

Includes speech synthesis for voice output and a clean UI for input.

Mute/unmute toggle and tone selector integrated into UI.

Backend:

Flask API handles POST requests to /chat.

Uses transformers (HuggingFace) with google/flan-t5-base for prompt-based response generation.

Prompts dynamically constructed based on user input and selected tone.

Folder Structure: future-self-chatbot/ ├── backend/ │ ├── app.py │ └── requirements.txt └── frontend/ ├── index.html ├── app.js └── style.css 🧗‍♂️ Challenges we ran into Ensuring the model's response felt emotionally resonant and contextually aware.

Integrating natural voice output and syncing it with generated text.

Prompt engineering to generate high-quality responses across different tones.

Hosting issues and CORS configuration during testing phase.

🏆 Accomplishments that we're proud of Built a fully functional AI-powered motivational chatbot in under 48 hours.

Achieved smooth interaction between frontend and backend without external libraries.

Created a meaningful and emotional user experience using voice and text.

📚 What we learned The power of well-engineered prompts in shaping AI responses.

How to bridge frontend speech APIs with backend NLP systems.

Best practices in rapid prototyping with Flask and Transformers.

Empathy-driven design can significantly improve engagement and impact.

🔮 What's next for TimeMachine GPT 🎤 Add custom voice avatars using ElevenLabs or PlayHT.

💾 Allow users to save and revisit past conversations.