Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/exios66/gpt-opinion-survey


https://github.com/exios66/gpt-opinion-survey

Last synced: 13 days ago
JSON representation

Awesome Lists containing this project

README

        

# GPT Opinion Survey & Knowledge Assessment

A comprehensive web-based survey and quiz platform featuring two main components:

1. ChatGPT Opinion Survey
2. Knowledge Assessment Quiz

## 📋 Contents

- [✨ Features](#-features)
- [🏗 Project Structure](#-project-structure)
- [💻 Installation](#-installation)
- [🚀 Usage](#-usage)
- [🔧 Technical Details](#-technical-details)
- [🤝 Contributing](#-contributing)
- [📄 License](#-license)
- [🙏 Acknowledgments](#-acknowledgments)

## ✨ Features

### ChatGPT Opinion Survey (`docs/index.html`)

A modern survey application designed to gather opinions about ChatGPT usage and attitudes.

#### Survey Features

- 21 comprehensive questions divided into sections:
- Background Information (2 questions)
- Concerns and Risks (8 questions)
- Attitudes and Enthusiasm (4 questions)
- Usage and Experience (7 questions)
- Real-time progress tracking
- Responsive design for all devices
- Interactive UI with smooth transitions
- Results summary with category breakdowns
- Data export functionality

### Knowledge Assessment Quiz (`docs/quiz.html`)

An interactive quiz application covering various subjects with modern UI/UX features.

#### Quiz Features

- 15 questions across multiple disciplines:
- Geography
- Chemistry
- History
- Literature
- Astronomy
- Psychology
- Mathematics
- General Knowledge
- Difficulty levels (Easy, Medium, Hard)
- Category-based organization
- Real-time scoring
- Interactive feedback
- Keyboard shortcuts
- Category-wise performance breakdown
- Mobile-responsive design

## 🏗 Project Structure

```
GPT-Opinion-Survey/
├── docs/
│ ├── index.html # ChatGPT Opinion Survey
│ └── quiz.html # Knowledge Assessment Quiz
├── .gitattributes
└── README.md
```

## 💻 Installation

No installation required! Both applications are standalone HTML files that can be run directly in a web browser.

1. Clone the repository:

```bash
git clone https://github.com/yourusername/GPT-Opinion-Survey.git
```

2. Open either application in a web browser:

- For the Survey: Open `docs/index.html`
- For the Quiz: Open `docs/quiz.html`

## 🚀 Usage

### ChatGPT Opinion Survey

1. Open `docs/index.html` in a web browser
2. Answer preliminary questions about ChatGPT familiarity
3. Rate your agreement with statements on a 1-5 scale
4. Navigate using Previous/Next buttons
5. Submit to view results summary
6. Export or share results as needed

### Knowledge Assessment Quiz

1. Open `docs/quiz.html` in a web browser
2. Answer questions by clicking options or using number keys (1-4)
3. Track progress through the progress bar
4. View immediate feedback on answers
5. Navigate using Previous/Next buttons
6. Complete quiz to view detailed results and category breakdown

## 🔧 Technical Details

### Technologies Used

- HTML5
- CSS3 (with CSS Variables)
- Vanilla JavaScript
- FontAwesome Icons

### Browser Support

- Chrome (recommended)
- Firefox
- Safari
- Edge
- Opera

### Features Implementation

- CSS Variables for theming
- Responsive Grid Layout
- Flexbox for component alignment
- Local Storage for data persistence
- ES6+ JavaScript features

## 🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## 📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

## 🙏 Acknowledgments

- Font Awesome for icons
- Modern CSS Reset
- Survey methodology based on academic research
- Quiz questions curated from various educational sources