Skip to content
Jonatan Vicente edited this page Nov 29, 2023 · 54 revisions

Ita Challenges Frontend

Ita Challenges és una pàgina de reptes de codi per a estudiants de la It Academy. L'objectiu és practicar codi mitjançant reptes que es divideixen per nivells de dificultat i tipus de llenguatge. Un cop escollit el repte, es mostrarà el detall d'aquest repte, l'editor de codi a on escriure la resposta, reptes relacionats i, un cop enviada la solució, es mostraran solucions a aquest repte realitzades per altre participants. Cada usuari rebrà una puntuació de la seva resposta i podrà fer un seguiment del seu progrés en el seu perfil.

Design are available at https://www.figma.com/file/ScWpDKxEB3wEGbztXMSJO3/Projectes-IT-Academy?type=design&node-id=559-2230&mode=design

A la pàgina de reptes, l'usuari pot accedir al llistat de reptes. Aquests es poden filtrer en el menú lateral per:

  • Llenguatge: Javascript, Java, Python i PHP.
  • Dificultat: Fàcil, mitjà i difícil.
  • Progrès: No començats, Falta completar i Completats

Aquest llistat també es pot ordenar per popularitat o data.

figma-starter

En clicar un repte s'accedeix al detall d'aquest repte. Hi ha quatre pestanyes:

  • Detalls: Es mostra l'explicació del repte. quan s'ha fet login es mostra un editor de codi i mitjançat un bortò de check es mostra o s'amaga el text explicatiu.

  • Solucions: Es mostren solucions d'altres usuaris a aquest mateix repte.

  • Recursos: S'ofereixen recursos que poden ajudar a la resolució del repte.

  • Relacionat: Es mostren altres reptes amb característiques similars.

Per a poder enviar la solució del repte s'ha de fer login o registrar-se si no s'ha fet previament.

Per a poder veure les solucions del repte d'altres participants l'usuari ha d'haver enviat previament la solució d'aquest repte.

ChallengeComponent

figma-challenge

new_layout_IT_challenge3

L'API conté els següents endpoints:

endpoints.xlsx

You can consult the JSON schemas in/out at:

Clone this wiki locally