NovaIntellect

"NovaIntellect – Your Personal AI Powerhouse for Smarter Thinking and Faster Solutions."

Comment

🚀 About the Project: NovaIntellect

NovaIntellect is a futuristic AI chatbot web application designed with a high-performance UI inspired by Opera GX aesthetics. It uses OpenRouter (GPT-4o) and Firebase for authentication, giving users a sleek, secure, and intelligent experience.

✨ What Inspired Me

I’ve always been fascinated by AI chatbots and futuristic UI design. Combining these two gave birth to NovaIntellect — an AI assistant that doesn’t just talk smart, but also looks and feels immersive like a next-gen virtual companion.

I wanted to build something visually stunning yet functional — a chatbot that users would enjoy interacting with, both in terms of design and performance.

🛠️ How I Built It

  • Framework: Vite + React + TypeScript
  • Styling: Tailwind CSS + custom components
  • UI Theme: Opera GX-inspired dark mode with animated UI
  • Authentication: Firebase (Google Sign-In, Email & Password)
  • AI Integration: OpenRouter API (GPT-4o)
  • Deployment: Vercel
  • Version Control: Git + GitHub

Core Features:

  • User sign up/login + guest access
  • Clean chat interface with mood setting options
  • Sidebar with New Chat, Logout, and Feedback
  • Smooth chat scrolling, error handling, and token management
  • Fully mobile responsive

📚 What I Learned

  • Implementing Firebase Auth and managing protected routes
  • Handling OpenRouter API rate limits and token budgets
  • Using .env securely with Vite and hiding sensitive data
  • Creating responsive and animated components with Tailwind
  • Handling app deployment on Vercel with environment variables

🧩 Challenges Faced

  • Debugging API key and endpoint errors with OpenRouter
  • Deploying with .env excluded from GitHub (caused API errors initially)
  • Making the UI responsive while keeping the Opera GX vibe
  • Managing app state with conditional rendering for login/signup/guest users

💡 What’s Next?

  • Adding image generation and voice reply options (optional)
  • Expanding multi-chat history (limited to 1 currently)
  • Theme customization (light/dark/moods)

Thanks for reading — and welcome to NovaIntellect! 🌌🧠

Built With

Share this project:

Updates