You are browsing as a guest. Sign up (or log in) to start making projects!

Marvis AI Chatbot (POWERED BY HACKCLUB)

  • 7 Devlogs
  • 7 Total hours

A chatbot inspired by iron mans Jarvis. I created Marvis a chatbot with tons of personality within it and it talks really well and it solves any problem just by your speech. Plus it is powered up with the free Groq api which is very good because it can understand everything you say.

Open comments for this post

1h 10m 1s logged

Begun with an inflated, messy app that felt like it was completely generated by AI—Comic Sans font, red and yellow colors galore, waveform visualizers, cool animations, 1100+ lines of code. Found that the entire Hack Club integration with AI was impossible due to the fact that the browsers don’t allow cross-origin requests, so I set up a proxy server on the back end to facilitate these requests and programmed intelligent fall back systems for six free models. Redesigned the user interface with Georgia serif, paper color palette, and forest green accents and eliminated all the stuff that were technically not needed because they were useless (no emojis, fancy borders, typewriter effect, beeps) and reduced the size to around 672 lines i believe of code. And now I have a human friendly app that does everything it’s supposed to do voice chat, AUTO conversation mode, four personality choices, timers, memory notes, and night mode.

0
0
3
Open comments for this post

59m 32s logged

I trained the ai with these easy prompts by writing what I really want instead of asking chatgpt or claude to do it. I also added a few features and changed the colour scheme which I will show in the next devlog because currently it has bugs.

0
0
2
Open comments for this post

1h 5m 21s logged

Much effort was dedicated to polishing the CSS code in order to achieve a more natural and humane feeling for the whole interface design, instead of something that would appear rigid and mechanical. There were many changes done to the visual elements in terms of their style, placement, and design so as to achieve a more harmonious and polished appearance.

0
0
3
Ship #1

What I built: MARVIS - single-file voice AI. Open, paste Groq key, click AUTO, start talking. It will reply and listen again. No clicks, no friction.

Challenges: Implementing AUTO mode seamlessly (issues with speech recognition), squeezing 1400 lines of code into single file, making red/yellow/Comic Sans usable.

Proud of:

Smooth AUTO mode experience - no clicks between replies
Offline instant commands (time, timer, calc, memory) without internet connection
Single HTML file, no setup needed
Voice customization (speed, pitch, volume, voice selection)
Ability to change personalities in conversation
Testing instructions:

Paste your Groq key on console.groq.com/keys
Open index.html in Chrome browser
Click AUTO and talk
Try out: "what time is it" -> "set timer for 5 minutes" -> "flip a coin" -> "remember X"
Change your personality (⚙️ Voice button)
Export your conversation (💾)
The whole story in a nutshell: open, paste Groq key, click AUTO, start talking.

If you do not want to get your own key you can just use mine if you want: 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

  • 3 devlogs
  • 3h
  • 3.13x multiplier
  • 10 Stardust
Try project → See source code →

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…