Questionnaire

Interactive quiz prep for DAM/DAW students — long and quick-fire modes across every subject.

A quiz app designed to help DAM (Multiplatform Application Development) and DAW (Web Application Development) students prepare for their final exams, built during my first year of DAM and shared with the whole class.

→ Try it live

Live Demo • Features • Tech Stack • Getting Started • How It Works • Project Structure • Built with AI • Author

Features

• Interactive quizzes organized by subject
• Quick Sprint mode for fast practice sessions
• Full Quiz mode for comprehensive exam simulation
• Responsive design with a student-friendly interface
• Instant results and score feedback

Tech Stack

Technology	Purpose
TypeScript	Application logic
HTML	Page structure
SCSS	Styling and responsive layout
Vite	Build tool and dev server
SweetAlert2	Styled interaction alerts
ESLint	Code quality

Getting Started

git clone https://github.com/DeibyGS/questionnary.git
cd questionnary/Questionnaire_DAM
npm install
npm run dev

The app will open at http://localhost:5173 (or the port shown in your console).

How It Works

The main screen displays subject cards. Each card has a button to start a quiz. Choose between:

• Full Quiz: answer all questions for the selected subject
• Quick Sprint: answer a limited set of questions for faster practice

Results are shown immediately after completing the quiz.

Project Structure

Questionnaire_DAM/
├── src/
│   ├── data/
│   │   └── dataCards.ts          # Subject card definitions
│   ├── pages/
│   │   ├── InterfaceQuestion/    # Quiz interface
│   │   ├── LenguajeDeMarcas/     # Markup Languages questions
│   │   ├── Programacion/         # Programming questions
│   │   └── Footer/               # Footer component
│   ├── utils/
│   │   ├── cleanContainer.ts     # DOM cleanup utility
│   │   └── navButtons.ts         # Navigation helpers
│   ├── styles/
│   │   └── styles.scss           # Global styles
│   └── main.ts                   # Entry point
├── index.html
├── tsconfig.json
└── package.json

Built with AI

Questionnaire was engineered by a human developer working with AI as a pair programming partner. The AI accelerated implementation — architecture, functional design, and engineering decisions stayed human.

How we worked together

Human-owned	AI implemented, always human-reviewed
Quiz feature design	TypeScript component generation
Per-subject data structure	Navigation logic and pipes
Styles & UX	Scaffolding, refactoring
Code review & final acceptance	Auxiliary testing, docs

Workflow: Idea → Spec → AI implementation → Human review → Test → Refine → Merge

Development was iterative, never a single prompt: define requirements → prepare context → generate → review → fix → validate → repeat.

AI Development Principles

• AI never made product decisions.
• Every implementation started from a written specification.
• Documentation was treated as executable context for AI.
• All generated code required human review.
• Architecture was preserved over implementation speed.

---

Author

Deiby Gorrin — Full Stack Developer

• Portfolio: deiby.dev
• LinkedIn: in/deibygorrin
• GitHub: @DeibyGS