> For the complete documentation index, see [llms.txt](https://info.techup.live/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://info.techup.live/web-app-presentations/format.md).

# Format

## Administrative Briefing 

{% hint style="info" %}
Please refer to [this deck](https://docs.google.com/presentation/d/18fffslHkB1uyIu1ImXbebf9fjO2CcO3d8bdXMQ5BUi0/edit#slide=id.g4de465b1ea_0_34) for information on the Web App Presentations. 
{% endhint %}

## Detailed Web App Requirements

As earlier mentioned in the [TechUp Deliverables](https://info.techup.live/about-techup/why-do-techup/deliverables) section, at the end of TechUp you will need to present your web app that meets the following requirements: 

1. **Articulate a user problem**

* Clearly identify and describe a specific problem or need that users face, which your web app aims to address or solve. This should serve as the driving force behind the development of your app.
* *In plain English: There is a clear problem that your web app is solving, in one sentence.* <br>

2. **Use CSS to design and style page**

* Implement visually appealing and cohesive design elements throughout the web app. This includes layout structuring, colour schemes, typography, and overall aesthetic enhancements.
* *In plain English: Your web app is not jarring or ugly at first glance. You have chosen decent colours, fonts, sizes and layout that is not unpleasant.* <br>

3. **Interactivity with Javascript**

* Implement interactive features and functionalities using JavaScript. This could involve dynamic content updates, form validation, event handling, and other client-side scripting techniques to provide interactivity.&#x20;
* *In plain English: When you click a button, something happens on your web app (that is not just taking you to another web page).* <br>

4. **Intuitive UX flow**

* Design a clear and intuitive user experience (UX) flow for your web app, encompassing navigation structure, User Interface (UI) design and information presentation.&#x20;
* *In plain English: Your user can easily understand how to use the web app to efficiently accomplish their tasks/goals.* <br>

5. **Reading and writing into a database (optional)**

* Optionally, integrate functionality to read and write data into a database. This could involve storing user information, managing content, or any other data persistence requirements that support the core functionality of the web app.
* *In plain English: you can read, write, update and/or delete data from a database.* <br>

**In addition, the web app MUST be deployed to the Internet, and hosted as a live website using** [**Render**](https://info.techup.live/admin-instructions/tooling-and-software/render) **with a purchased domain name and CDN using** [**Cloudflare**](https://info.techup.live/admin-instructions/tooling-and-software/cloudflare)**.** In other words, your web app cannot just be hosted on your local computer without being hosted on the Internet. Your web app should also be connected to **Google Analytics**.&#x20;

## Objective

**The primary objective of the web app presentations is to receive feedback as part of the learning process,** as a culmination of the knowledge and skills you have built up over the month of TechUp.&#x20;

Your web apps serve as a tangible representation of your learning journey, showcasing your ability to apply theoretical concepts like design thinking and web development to real-world projects.<br>

## Presentation Details

You will be divided into your Learning Groups for your web app presentations over a 2-hour slot (see [Presentation Schedule](https://info.techup.live/web-app-presentations/presentation-schedule)).

The presentations will be attended by some instructors/stakeholders (e.g. MCI Products Directorate Director Chen Kaiwei / DD Li Zheng; OGP's Policy and Product leaders).&#x20;

**Each participant will have 5 minutes to:**&#x20;

1. State their problem statement&#x20;
2. Click through the web app to show what their web app does (please have your web app open for this segment)&#x20;
3. Explain what user research they did to confirm the problem statement, make adjustments to the web app along the process etc. (if any)&#x20;
4. Explain how their JavaScript code in their web app works (please navigate to show the room your code for this segment). &#x20;

Slides are not necessary, but you are welcome to show them if you have any.&#x20;

Our panel will then ask any clarifying questions and give feedback on your engineering, design and product considerations for around 5 minutes. :smile:

## Pass Criteria&#x20;

<mark style="background-color:orange;">TechUp is the baseline, minimum requirement for tech policy officers in DTC.</mark>&#x20;

If you meet all 4 mandatory criteria above (and your web app is live on the Internet and connected to a domain name), you will have deemed to have passed TechUp and will receive a graduation certificate. Congratulations! :clap: This is but the start of a lifelong journey of learning about this fast-evolving domain.&#x20;

If you require more time or have any exigencies to take care of on 27 or 28 May, fret not. You will have a **6-month grace period** to run through the materials again before presenting your completed web app at a subsequent make-up session 6 months later. *Please approach the organising committee to let us know and we will schedule you for a make-up presentation.*&#x20;