Blog

How to engage GraphQL, .Net and React together – Part IV: React, GraphQL and the amazing Apollo Client

Ulrike Kulzer

Hello! 🙂 I’m Ulrike, a media informatics student in my master’s degree and currently an intern at Centigrade. During my internship one of my tasks was finishing the VedaVersum app together with Mikhail. We wanted to create the application using .NET, GraphQL and React as a knowledge base where team members can log in and write, edit and delete articles (see first blog article). In this part of the series, I’d like to share my approach to link the frontend with the backend with you and briefly report how I fared as a React and GraphQL newbie. read more…

Character design in the research project LOUISA – A friend, a good friend

David Patrizi

In the previously published blog articles on the LOUISA project, we discussed the general objectives of the project and reported on the weighting of the player types within our target group. Since we wanted to motivate the young patients to use the LOUISA app with the help of a digital companion, we were now faced with the task of designing it.
read more…

How to engage GraphQL, .Net and React together: Part III. Veda Versum backend authentication.

Mikhail Shabanov
Mikhail Shabanov
May 13th, 2022

1. Data persistence

As we have defined before, our API has one main entity – VedaVersumCard. Our application is intended to keep the list of knowledge cards and to grant users the ability to create, read and edit these cards. To make it happen we defined one mutation and 3 queries in our API. “CardAction” mutation should take the card data as an argument and store this data somewhere. Query “allCards” should return the list of all the existing cards. Query “card” should return one card by card ID, and “allCardsAssignedToUser” query should take user E-Mail as input and return cards filtered by property “assignedUsers” which value equals to that input user. read more…

Continuous UX: Anne Hess & Thomas Immich Interview

Thomas Immich

Anne Hess is a researcher at the Fraunhofer Institute for Experimental Software Engineering. As part of the interview series UX Neu Überdacht, she and Thomas Immich talk in the Outdoor Office about modern requirements engineering and creative approaches, how to get richer information from users, and which methods from disciplines outside the field can inspire and inspire UX professionals to become better.

For further reading, here is a paper by Anne Hess on exciting, alternative RE approaches:  Conspiracy Walls in Requirements Engineering – Analyzing Requirements like a Detective read more…

Prototyping with ProtoPie: Real-time data functionality for the realization of an automotive prototype

Marius Hubertus
Marius Hubertus
March 14th, 2022

Elexir Auto

Earlier this year the start-up Elexir reached out to us with their unique vision of creating a more sustainable car. They built a highly customizable and extendable shared car, trying to attain the same experience as of owned, personalised cars. They achieved this by developing a completely new underlying software architecture. By using an open-source software approach they are enabling everybody to contribute to its system and giving customers the ability to replace and add hardware elements and benefit from further software improvements. read more…

How to engage GraphQL, .Net and React together: Part II. Veda Versum backend authentication.

Mikhail Shabanov
Mikhail Shabanov
February 21st, 2022

 

“If you optimize everything, you will always be unhappy” –  Donald Knuth

Having a good tool allows you to complete tasks effectively and enjoy the process. Twice the fun to develop the tool yourself 🙂

Hi, It’s Mikhail from Centigrade again. And let’s continue to build our tool – knowledge base called Veda Versum. This is my second article in the series “How to engage GraphQL, .Net and React together”. In the Previous article we have defined our target application, requirements and architecture. We have also chosen the .Net 6 for backend with hot chocolate library for GraphQL API and React as the UI framework. And we have created the backend application scaffold. Now it’s time to give life to our backend.

Today we will add Authentication to backend. We will define and implement the data persistence for our application. We will talk about GraphQL resolvers and data loaders and will say a couple of words about testing.

Let’s get it started! 😉 read more…

Luise vs. LOUISA or „Where do I put my art“

 

Hello, let me introduce myself first: My name is Luise, and I’m a game design student from Leipzig, Germany, specializing in 2D art and illustration. In my 5th semester, I was scheduled for a mandatory internship, where I decided to work for Centigrade. Already during the job interview I was told about the LOUISA project, which then became a convincing factor in my decision to join this company. read more…

How to engage GraphQL, .Net and React together. Part I.

Mikhail Shabanov
Mikhail Shabanov
December 2nd, 2021

In the world of programming nowadays there are lot of technologies and huge amount of frameworks to build any kind of application for any needs. But these technologies sometimes are divided into layers which intersect quite rarely. For instance, the Web world has numbers of Javascript frameworks that help to build vivid UI with various styles, animations, etc. On the other hand, banking software has to be robust, reliable and able to process huge amount of transactions per second. And another world is social networks that should provide a lot of content in mobile environment under conditions of slow internet and not very powerful devices. What if we try to pick up the strength of each technology and combine them?

Hi, I´m Mikhail from Centigrade. This is the first article of the technical blog series about GraphQL Web-API, its implementation in .Net 6.0 and how it should be consumed by React client. read more…

Want to know more about our services, products or our UX process?
We are looking forward to hearing from you.

Client Relationship Manager
+49 681 959 3110

Before sending your request, please confirm that we may contact you by clicking in the checkbox above.