judit lázaro moyano

developer, philologist & tightrope walker

First React App

The following project consisted of an application capable of showing different quotes and accordingly switching the background images just so the hypothetical client of a fictional company can see an initial approximation of the prototype we were supposed to work on.

Considering that one of the objectives was consistently displaying the different quotes and images, we used Vite as the base of our project, a build tool that aims to provide a faster and leaner development experience for modern web projects. Thanks to it, it was possible to implement a Welcome screen, as well as a first component consisting of an array with two different properties:

  1. img, which stored the background images that should be displayed on the screen.
  2. txt, which contained four different quotes.

In order to customize the assignment, however, I decided to include new designs and quotes extracted from the Tao Te Ching while still respecting the basis of the project; the objective, in this case, varied from telling a story to providing the user with some meaningful and philosophical quotes.

It would have been impossible for me to achieve this result if it wasn't thanks to incredibly talented illustrators such as Helvetica Blanc, the creator behind the artwork that illustrates this application. If you still don't know their work, please, have a look at it (it's simply amazing; you have my word!) - and try your best to support (in any way possible) these creators with such a unique vision of reality.

Showcase image no. 1 for First React App
Showcase image no. 2 for First React App
Showcase image no. 3 for First React App

Tools & Technologies The tech stack I was involved with.

  • HTML
  • SCSS
  • JavaScript
  • React