-
-
Responsive mockup of the AI vs Human Intelligence quiz website displayed on various devices, showcasing modern UI design.
-
Side-by-side preview of human and AI quiz sections, highlighting the interactive comparison experience on desktop and mobile.
-
"Hero section of the AI vs Human Intelligence website featuring the interactive quiz call-to-action and eye-catching header design.
-
A detailed section comparing the capabilities of AI and Human Intelligence with engaging visuals and informative content.
Inspiration
🤖 AI vs Human Intelligence – Interactive Showdown
This project was inspired by the ongoing debate around Artificial Intelligence (AI) versus Human Intelligence (HI). As AI rapidly evolves, it raises questions: Can machines really match or surpass human thinking? Are there areas where humans still dominate?
So, we created an interactive quiz-based website that lets users test their own intelligence side-by-side with AI-generated responses. The goal was to make learning fun while exploring the boundaries of both minds.
💡 What we learned:
- How to fetch and display dynamic content using AI-generated APIs.
- Building interactive quiz systems with real-time comparison.
- Designing intuitive and responsive web layouts.
🛠️ How we built it:
- We used HTML, CSS, and JavaScript for the front-end.
- Some sections of AI responses were generated using code tools and refined for accuracy.
- Hosting was done using GitHub Pages for easy access and global reach.
🚧 Challenges we faced:
- Making the interface user-friendly while keeping it interactive.
- Styling and layout consistency across devices.
- Handling image loading issues on GitHub Pages (fixed by adjusting path and folder structure).
This project was not just about building a site—it was about sparking curiosity. We hope it inspires others to think deeper about the potential and limits of both AI and humans.
Built With
- ai
- css3
- deployment
- design)
- es6)
- git
- html5
- javascript
- responsive
Log in or sign up for Devpost to join the conversation.