user-interface

React-based frontend for users to upload tabular data (csv format) from Star-Oddi sensor to Amazon S3 bucket. Upload triggers https://gitlab.com/dfo-msea/sensor-data-s3-uploader/sensor-data-qc script to run, which creates a flagged csv file in a new bucket. Self-registration is disabled.

This is the integration of two APIs created on the local server. Here is a work by ASK: my Alexa skill, which will get a request from someone’s voice and send it to GPT3 API, after resending it back, preparing, and saying it to the user. The project is under development.

contact: sashapetrovskyidev@gmail.com

🐾 Jeu de Mémoire

Description du Projet

👋🏿Bienvenue dans mon premier projet de formation, "Jeu de Mémoire" ! Ce jeu interactif vous permet de tester votre mémoire en associant des paires d'images.

Actuellement, il propose une interface utilisateur complète, incluant l'inscription, la connexion, la gestion de profil et, bien sûr, le jeu lui-même. Le développement est en cours et de nouvelles fonctionnalités seront ajoutées au fur et à mesure.

Fonctionnalités

Interface d'inscription: Formulaire permettant de créer un compte avec un nom d'utilisateur, un e-mail, un mot de passe et la confirmation du mot de passe.

Connexion : Interface prête pour permettre la connexion via e-mail et mot de passe (fonctionnalité en cours d'implémentation).

Profil utilisateur : Consultez et modifiez votre profil, avec vos informations d'inscription.

Choix du type de Memory: Sélectionnez parmi plusieurs thèmes de jeu.

Jeu interactif: Jouez en retournant les cartes pour retrouver les paires correspondantes.

Design Responsive: L'interface s'adapte aux différentes tailles d'écrans, offrant une expérience fluide sur mobile et desktop.

Technologies Utilisées

HTML: Structure du site web. CSS: Styles et mise en page. JavaScript : Gestion de la logique de jeu (retournement des cartes, etc.). Git: Gestion de version du projet. Visual Studio Code : Éditeur de code

Demonstration of the ToggleGroup element and dropdown with options. Topics: #system #user-interface #sample #sick-appspace

Changing visibility of UI parts dynamically with the UI elements StackedView and StackedPane. Topics: #system #user-interface #sample #sick-appspace

Edit shape region in viewer on user interface Topics: #system #user-interface #getting-started #sample #sick-appspace

Introduction to creating application specific user interfaces Topics: #system #user-interface #getting-started #sample #sick-appspace

Showcase of different UI elements. This sample shows how to use them and bind to them. Topics: #system #user-interface #sample #sick-appspace

Showing usage of DynamicTable UI element. Topics: #system #user-interface #sample #sick-appspace

Example to show how to use the different data sources for the dynamicImage element. Topics: #system #user-interface #sample #sick-appspace #bindings #ui-builder #dynamicimage

Using DropDown element in the UI with fixed values. Topics: #system #user-interface #sample #sick-appspace

Using the Download Control available as a UI-Builder Control Package. Topics: #system #user-interface #sample #sick-appspace

Example to show how to bind to setter functions, getter functions and events. Is part of the FirstSteps example in the binding tutorial (https://supportportal.sick.com/tutorial/ui-builder2-bindings/). Topics: #system #user-interface #sample #sick-appspace #bindings #ui-builder

Serving a function called by a UI button click. Topics: #programming-pattern #user-interface #sample #sick-appspace

Using predefined user levels in the UI to hide/show content or whole pages. Topics: #user-interface #sample #sick-appspace

Showing usage of UploadButton and DownloadButton element. Topics: #system #user-interface #sample #sick-appspace

Adding typescript functions and link to user interface elements. Topics: #system #user-interface #sample #sick-appspace

Showing examples of different layouts using the UI-Builder. Topics: #system #user-interface #getting-started #sample #layout #sick-appspace

Adapting the page navigation in the user interface including page names and categories. Topics: #system #user-interface #sample #sick-appspace

Example to show how to use local bindings. Topics: #system #user-interface #sample #sick-appspace #bindings #ui-builder