---
title: "Frontend Design with Cloud · 6APSI section 2203"
type: badge-class
badgeName: "Frontend Design with Cloud"
subtitle: "Frontend Design with Cloud"
course: apsi
monogram: 6APSI
term: prelim
issuer: "Tjakoen Stolk"
issuerRole: "Instructor, Application and System Integration · School of Computing, Holy Angel University, Angeles City"
recipients:
  - "Adrian John C. Alfonso | adriann47 | https://github.com/HAU-6APSI/m1a1-2203-adriann47 |  | apsi-2203-prelim--adriann47"
  - "Allan C. Pasion Jr. | AllanPasion | https://github.com/HAU-6APSI/m1a1-2203-AllanPasion |  | apsi-2203-prelim--allanpasion"
  - "Angelle Joshe P. Rodriguez | angellejoshe | https://github.com/HAU-6APSI/m1a1-2203-angellejoshe |  | apsi-2203-prelim--angellejoshe"
  - "Bianca Claire L. Ochoa | C1AUS-Y | https://github.com/HAU-6APSI/m1a1-2203-C1AUS-Y |  | apsi-2203-prelim--c1aus-y"
  - "Bianca Venice L. Ochoa | venz-ochoa | https://github.com/HAU-6APSI/m1a1-2203-venz-ochoa |  | apsi-2203-prelim--venz-ochoa"
  - "Cabico, John Christian R. | jycce11 | https://github.com/HAU-6APSI/m1a1-2203-jycce11 |  | apsi-2203-prelim--jycce11"
  - "Carl Jerome J. Sigua | carljer000 | https://github.com/HAU-6APSI/m1a1-2203-carljer000 |  | apsi-2203-prelim--carljer000"
  - "Danielle Laurence B. Lenon | danlenoon | https://github.com/HAU-6APSI/m1a1-2203-danlenoon |  | apsi-2203-prelim--danlenoon"
  - "Dexter Christian C. Toribio | ChompD | https://github.com/HAU-6APSI/m1a1-2203-ChompD |  | apsi-2203-prelim--chompd"
  - "Garcia, Seane Karl S. | rxikou | https://github.com/HAU-6APSI/m1a1-2203-rxikou |  | apsi-2203-prelim--rxikou"
  - "Gian Kyle T. Ibe | Gian-Ibe | https://github.com/HAU-6APSI/m1a1-2203-Gian-Ibe |  | apsi-2203-prelim--gian-ibe"
  - "Guiane Carlo M. Del Mundo | gianworks | https://github.com/HAU-6APSI/m1a1-2203-gianworks |  | apsi-2203-prelim--gianworks"
  - "Hans Christian S Ocampo | Kair1NG | https://github.com/HAU-6APSI/m1a1-2203-Kair1NG |  | apsi-2203-prelim--kair1ng"
  - "Hero D. Park | h1r0000 | https://github.com/HAU-6APSI/m1a1-2203-h1r0000 |  | apsi-2203-prelim--h1r0000"
  - "Jeanne Clarisse Bermudo | merwwki | https://github.com/HAU-6APSI/m1a1-2203-merwwki |  | apsi-2203-prelim--merwwki"
  - "Jeirold Kurt Ruiz | jeirld | https://github.com/HAU-6APSI/m1a1-2203-jeirld |  | apsi-2203-prelim--jeirld"
  - "Jhanrelle L. Santos | Jhanrelle | https://github.com/HAU-6APSI/m1a1-2203-Jhanrelle |  | apsi-2203-prelim--jhanrelle"
  - "John Michael Y. Supan | jmyspn | https://github.com/HAU-6APSI/m1a1-2203-jmyspn |  | apsi-2203-prelim--jmyspn"
  - "Josh Danielle O. Miranda | joshmiranda1 | https://github.com/HAU-6APSI/m1a1-2203-joshmiranda1 |  | apsi-2203-prelim--joshmiranda1"
  - "Justin Neri A. Pangilinan | JustiNeri | https://github.com/HAU-6APSI/m1a1-2203-JustiNeri |  | apsi-2203-prelim--justineri"
  - "Kian S. Dela Cruz | kian21992 | https://github.com/HAU-6APSI/m1a1-2203-kian21992 |  | apsi-2203-prelim--kian21992"
  - "Kkshitij Kumaarr | kumaarrkkshitij | https://github.com/HAU-6APSI/m1a1-2203-kumaarrkkshitij |  | apsi-2203-prelim--kumaarrkkshitij"
  - "Kurt Francis A. Rivera | kurtzk10 | https://github.com/HAU-6APSI/m1a1-2203-kurtzk10 |  | apsi-2203-prelim--kurtzk10"
  - "Laurenzo Centeno | EnzoProg-ctrl | https://github.com/HAU-6APSI/m1a1-2203-EnzoProg-ctrl |  | apsi-2203-prelim--enzoprog-ctrl"
  - "Lumba, Nelwyn Jairoh S. | Nel-create | https://github.com/HAU-6APSI/m1a1-2203-Nel-create |  | apsi-2203-prelim--nel-create"
  - "Morabe, Gabriel M. | MorabeGabriel | https://github.com/HAU-6APSI/m1a1-2203-MorabeGabriel |  | apsi-2203-prelim--morabegabriel"
  - "Morata, Nick Christian G. | nickmorata07 | https://github.com/HAU-6APSI/m1a1-2203-nickmorata07 |  | apsi-2203-prelim--nickmorata07"
  - "Neriah Faith L. Villapaña | neriahv | https://github.com/HAU-6APSI/m1a1-2203-neriahv |  | apsi-2203-prelim--neriahv"
  - "Paul Janry D. Dela Bueno | yysfall | https://github.com/HAU-6APSI/m1a1-2203-yysfall |  | apsi-2203-prelim--yysfall"
  - "Perez, Sebastian T. | perezsebastian | https://github.com/HAU-6APSI/m1a1-2203-perezsebastian |  | apsi-2203-prelim--perezsebastian"
  - "Predilla, Stanley Emer M. | Staniscoding-ui | https://github.com/HAU-6APSI/m1a1-2203-Staniscoding-ui |  | apsi-2203-prelim--staniscoding-ui"
  - "Rex Nuqui | trumarthur | https://github.com/HAU-6APSI/m1a1-2203-trumarthur |  | apsi-2203-prelim--trumarthur"
  - "Sabando, Aldrich Gavriel A. | Damudachi | https://github.com/HAU-6APSI/m1a1-2203-Damudachi |  | apsi-2203-prelim--damudachi"
  - "Shawn Uriel S. Cabutihan | ShawnUriel | https://github.com/HAU-6APSI/m1a1-2203-ShawnUriel |  | apsi-2203-prelim--shawnuriel"
  - "Sicat, Abram C. | brammms | https://github.com/HAU-6APSI/m1a1-2203-brammms |  | apsi-2203-prelim--brammms"
  - "Stephenn C. Avena | avenastephenncatamora | https://github.com/HAU-6APSI/m1a1-2203-avenastephenncatamora |  | apsi-2203-prelim--avenastephenncatamora"
  - "Suyan, Guillermo Gabriel T. | suyan | https://github.com/HAU-6APSI/m1a1-2203-suyan |  | apsi-2203-prelim--suyan"
  - "Tjakoen Stolk | tjakoen | https://github.com/HAU-6APSI/m1a1-2203-tjakoen |  | apsi-2203-prelim--tjakoen"
---

## What this badge attests

JavaScript fundamentals, then React components, state and effects, building and deploying a front end. Covers modules 1 to 3, mapped to course outcomes CO1 to CO3.

## Technologies

JavaScript, React, component state and effects, a frontend build and a cloud deploy.

## Where it sits

Application and System Integration carries two badges. Its prelim badge, Frontend Design with Cloud, covers JavaScript, React and deploying a front end. Its midterm badge, Backend Development with Cloud, covers Node, Express, PostgreSQL and deploying a backend service. This is the prelim badge.

## How it is earned

The holder was an active student in the prelim block of Application and System Integration (6APSI), section 2203, and completed real coursework in it. The badge is awarded on completion, meaning submitted work with content rather than a grade cutoff. Each recipient's award is a separate, verifiable credential opened from their own badge link. This page states the criteria every recipient met, not a list of who met them.
