Scaffold

Example Project

File structure
You can have as many files and subroutes as you need but everything has to be contained inside your project folder.
Styling

Style your UI, for example a button, using the following tools (in order of preference).

1. DaisyUI

2. Tailwind

External data

You can query any data from the api and display it. For instance this table with the five most recent publications related to Patrick Jermann:

TitleTypePublished InYear
A multimodal measurement of the impact of deepfakes on the ethical reasoning and affective reactions of students2023
The Digital Ethics Canvas: A Guide For Ethical Risk Assessment And Mitigation In The Digital DomainProceedings of the 51st SEFI Annual Conference 20232023
From University to Work: Alumni Viewpoints2023
Teaching under lockdown: the change in the social practice of teachingHigher Education2022
A Game-Based Approach to Develop Engineering Students’ Awareness About Artificial Intelligence Ethical ChallengesProceedings of the 50th Annual Conference of The European Society for Engineering Education. Proceedings: Towards a new future in engineering education, new scenarios that European alliances of tech universities open up2022
Components

In addition to your own components, you have access to all internal components

Patrick Jermann
After studies in Geneva (TECFA) and Pittsburgh (LRDC) I joined EPFL in 2003 to coordinate eLearning projects and conduct research in the field of Computer Supported Collaborative Learning (CSCL). Starting 2013 I am responsible for MOOCs production at the Center for Digital Education (CEDE).Former Associate Editor for the IEEE Transactions on Learning Technologies and former Member of the Editorial Board for the International Journal of Computer Supported Collaborative Learning (iJCSCL). Specialties: Interaction analysis, research methods, statistical methods, prototyping, software development, pedagogical design.
Packages

Create a package.json file inside your project folder if you need to install dependencies for your project. Make sure you do not add packages to the root package.json file.

# Change to your project folder
cd src/app/[locale]/projects/my-project
# Create package.json file
npm init
# Install package(s)
npm install chart.js

When publishing your project, include the package.json and package-lock.json files from your project folder.

Graph Chatbot

Chat with Graph Search

Ask any question about EPFL courses, lectures, exercises, research, news, etc. or try the example questions below.

DISCLAIMER: The Graph Chatbot is not programmed to provide explicit or categorical answers to your questions. Rather, it transforms your questions into API requests that are distributed across the various IT services officially administered by EPFL. Its purpose is solely to collect and recommend relevant references to content that you can explore to help you answer your questions.