Quiz Me

Sorry about the poor video, I gave up making it after a many failed attempts.

Inspiration

The idea was sparked by my personal experiences of zoning out while reading and having to reread passages. Coupled with a fascination for experimenting with AI technology, I found a unique way to enhance engagement with online articles.

What it does

Quiz Me enhances online reading by scraping user-specified web articles and generating a ten-question multiple-choice quiz based on the content. Additionally, it eradicates distracting elements like ads and background videos, ensuring a focused reading experience.

How I built it

I began by researching techniques to scrape articles, targeting the essential content while excluding superfluous elements. The scraped content is fed into OpenAI's GPT-4 API for quiz generation.

Challenges I ran into

Compacting the article to save on tokens while using the OpenAI API was challenging. The diverse website layouts and content display techniques made the scraping process more complex than initially anticipated.

Accomplishments that I'm proud of

I'm particularly proud of successfully integrating AI into a project and creating a functional tool.

What I learned

The journey illuminated the complexity of web design and how disparate each website's structure can be, making universal scraping techniques challenging.

What's next for Quiz Me

Improvements to the user interface and refining the web scraping technique are on the horizon. I plan to enhance the tool's usability and ensure it caters to a broad range of websites more efficiently.

Built With

• daisyui
• gpt4
• node.js
• openai
• puppeteer
• svelte
• tailwind
• typescript