🎯 Career Quiz with Google Gemini + Netlify

An interactive career quiz built with HTML, TailwindCSS, and JavaScript on the frontend, powered by Google Gemini API for career suggestions, and deployed seamlessly on Netlify using serverless functions.

---

✨ Features

• 📝 Simple career quiz form (built with TailwindCSS)
• ⚡ Real-time responses from Gemini 1.5 Flash
• 🌍 Serverless backend with Netlify Functions
• 🔑 Secure environment variables (no API key exposed in frontend)
• 🚀 Continuous deployment with GitHub → Netlify integration

---

🛠️ Tech Stack

• Frontend: HTML, TailwindCSS, JavaScript (Vanilla)
• Backend: Netlify Functions (Node.js)
• AI API: Google Gemini (gemini-1.5-flash)
• Deployment: Netlify (linked with GitHub)

---

📂 Project Structure

career-quiz/ │ ├── netlify/ │ └── functions/ │ └── quiz.js # Serverless function calling Gemini API │ ├── public/ │ ├── index.html # Main quiz page │ └── quiz.js # Handles quiz form + fetch request │ ├── .gitignore # Prevents .env and node_modules from being pushed ├── netlify.toml # Netlify build + functions config └── README.md # Documentation

---

🚀 Getting Started

1. Clone the repository

git clone [https://github.com/your-username/career-quiz.git](https://github.com/ayodaniel6/careerQuiz.git)

cd career-quiz

### 2. Install dependences
npm install

### 3. Create a .env file in the project root
GEMINI_API_KEY=your_real_api_key_here

### 4. Run locally with Netlify Dev
netlify dev
Visit 👉 http://localhost:8888

### 5. Deploy
Push to your GitHub repo — Netlify will auto-deploy ✨


##🧪 Testing API locally

To check if your Gemini API works:
curl \
  -X POST \
  -H "Content-Type: application/json" \
  -d '{
    "contents": [{
      "parts":[{"text": "Hello Gemini!"}]
    }]
  }' \
  "https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=YOUR_API_KEY"

## 📸 Demo Screenshot

<img width="703" height="911" alt="Screenshot 2025-09-12 124448" src="https://github.com/user-attachments/assets/2bb7c78e-efc5-4079-a228-9bd54d30accb" />

## 🔒 Security Notes

Never commit your .env file or API keys.
Always store API keys as environment variables in Netlify.

🧑‍💻 Author

Built with ❤️ by Ayodeji