Inspiration

🧠 AI-Powered Notes & Quiz Web App

✨ Inspiration

This project was inspired by the idea of turning a basic notes app into a more intelligent, interactive learning assistant — combining note-taking, quizzing, and AI-generated responses into a single browser experience.

I wanted a lightweight way to use natural language AI models like ChatGPT or Hugging Face models to enhance daily study sessions or brainstorming, without relying on heavy software or complex tools.

🔧 How I Built It

The app was built using:

• HTML, CSS, and JavaScript for the frontend
• Flask (Python) for the backend API
• Hugging Face Inference API to connect with flan-t5-small, an instruction-tuned transformer model for text generation

Here’s how it works:

1. Flashcards and quizzes are created and rendered dynamically in the browser
2. Notes are stored in a textarea element for quick writing
3. Users can ask the AI questions — their input is automatically prefixed with "Answer the question: " to help the model respond correctly
4. The frontend sends prompts to the Flask backend, which relays it to the Hugging Face API and returns a generated response

📚 What I Learned

• How to integrate a third-party AI model using

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for Notes App

Built With

• flask
• github
• javascript