Inspiration

I wanted to create a simple yet powerful AI chatbot platform where anyone can interact with models like GPT. The goal was to make AI accessible and fun for learning, productivity, and real-world use.

What it does

ChatSphere is a chatbot web app that lets users chat with AI for:

  • Quick answers
  • Coding help
  • Productivity
  • Fun conversations

How we built it

  • Frontend: React.js, Next.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB, Firebase
  • APIs: OpenAI (Gemini/ChatGPT models)
  • Deployment: Vercel

Challenges we ran into

  • Connecting the AI APIs smoothly
  • Managing conversation history
  • Handling rate limits and API errors

Accomplishments

  • Built a fully working AI chatbot from scratch
  • Learned how to integrate APIs effectively
  • Designed a clean UI with React and Tailwind

What we learned

  • Hands-on experience with AI integration
  • Better understanding of full-stack workflows
  • How to pitch and present projects

What's next

  • Add voice support for real-time conversations
  • Support multiple AI models
  • Build mobile app version

Built With

Share this project:

Updates