Inspiration
I was chilling and then later discovered Recess-hacks. This was my first hackathon so I wanted to do something I never did before, something I never really included in my projects—AI✨. Hence,the easiest AI project-student bot
What it does
This project serves as an easy implementation of AI into a website, allowing users to interact with it as a personal chatbot similar to ChatGPT.
How we built it
I seamlessly tucked the Hugging Face Space into my website using an iframe, giving it a moon-like vibe with some custom CSS magic. It's like dressing up a space pod for a moonlight dance party—now, every AI interaction feels like it's floating under a cosmic spotlight! 🌕✨
Challenges we ran into
Integrating the AI into the website with API keys and handling cases where the bot was not working as expected,check out the website for more details.
Accomplishments that we're proud of
The project features a sleek design and user-friendly interface, providing an easy way to integrate AI into a website.
What we learned
This project taught me the value of simplicity in design and the importance technology approachable and engaging.
What's next for tobeherefor-you.chat
make the website look cool,with a cooler domain and make it so that everyone can access it.
Built With
- css3
- html5
- huggingface
- iframe
- javascript
Log in or sign up for Devpost to join the conversation.