UI Improvement Proposal for Quiz App

Aperta
  • Qualcosa non va?
#1,032 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Attiva
Stack tecnologico
css, html, javascript
Ambito
accessibility, design, frontend

Direzione di ricerca

Start by locating the quiz-app project and reading its existing welcome, instructions, quiz, and results screens, along with its styles and any UI tests. Compare the current experience with the proposed visual and responsive improvements, then agree on a focused scope before changing code. Done means the agreed screens have a consistent responsive design, clear answer and progress feedback, and existing quiz behavior still works.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

Description

I would like to contribute to the quiz-app project by improving its user interface and overall user experience.

Proposed Improvements
  • Improve the visual design of the welcome, instructions, quiz, and results screens.
  • Enhance responsive layouts for mobile, tablet, and desktop devices.
  • Improve spacing, typography, colors, and button styling for a consistent look and feel.
  • Add clear visual feedback for selected answers and quiz progress, where needed.
Expected Outcome

A more modern, consistent, accessible, and user-friendly quiz application without breaking its existing functionality.

Contribution Plan

I would like to work on these UI improvements and submit a pull request after implementing and testing the changes.

Please let me know if this improvement is suitable for the project and whether I can proceed.

Thank you!

Image Image
Lingua principale
HTML
Stelle
4.5k
Fork
1.7k
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di Ayushparikh-code/Web-dev-mini-projects

Tutte le issue di Ayushparikh-code/Web-dev-mini-projects

Issue simili

Altre issue su Accessibility

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.