<Lucas Ulmer/>

Works

  • Star Wars

    Screenshot of a reproduction of a Star Wars opening

    Reproduction of the first movie opening in HTML/CSS/JS

    See the project

  • Portfolio

    Screenshot of this website

    This website 🙂

    Made in Sass, JS/OOP JS, Twig and PHP for the contact part back-end side and all the logic necessary to render Twig views.

    I also used the libraries Typed.js, Baffle, Tarteaucitron, Splide.js plus the task runner Webpack.

  • Goat farm of Brabant

    Screenshot of the fictional reworking of the goat farm of Brabant website

    Fictional reworking of the goat farm of Brabant website

    Made with Noé Heilmann in class based on his mock-ups.

    We had to respect in the integration these specifications :
    -implementation of dynamic aspects in Javascript and animations
    -insure the compatibility on the browsers Chrome, Firefox and Edge in their last versions
    -respect the W3C standards
    -use Sass and the BEM convention
    -make all the website responsive
    -add a map with a mark showing the localisation of the farm.

    Personally, I made the "Visites", "Infos", "Produits" pages and the footer which is on all pages. It was the first project where I used Git.

    See the project

  • Matrix

    Screenshot of a reproduction of a part of the first Matrix's opening

    Reproduction of a part of the first movie opening

    Always being impressed by this opening, I tried to remake as well as possible the numeric rain, the camera "zoom" and the title's appearance.

    To achieve it, I used Javascript with intervals and keyframes.

    See the project

  • Data viewer

    Screenshot from a data viewer with charts

    Data viewer with charts

    In class we had to create, from a database with more than 17000 entries, a service in order to see different measures coming from sensors (which sent them to stations).

    We could use a Javascript library to produce charts. I choose Chart.js, which was advised to us.

    For the date sorting, all the database's datas were insert between December, the 24th 2019 and January, the 2nd 2020.

    See the project

  • Image color picker

    Screenshot of a color picking on pictures system

    Color picking on pictures system

    Made with JS, AJAX and PHP.

    For the left/right transitions, I use the JS library GSAP. About color extraction in palette mode, I use the PHP class Image Color Extract.

    See the project

  • VBCH

    Screenshot of a part of Haguenau's volley-ball club website

    Haguenau's volley-ball club website

    Made with Baptiste Houllé, Marie Kieffer, Laura Kling, Ettore Maninchedda and Yannick Purwins initially in class.

    The goal was to rework/create from scratch all or part of a nonprofit association's website, and create educational videos. First we collected the club's needs, analyzed what's existing and formulated specifications. Based on this, we decided to rework all the existing website. Marie and Laura worked on mock-ups, Ettore and Yannick managed videos/photos and Baptiste and me developed.

    The technical stack is made of :
    -Wordpress : Bedrock and custom theme with Timber, Twig and ACF. Wordpress APIs were developed for some functionalities.
    -Sass, JS and PHP (with some OOP parts for the 2 latters). The Player YouTube API is also used.
    -Composer, NPM, Webpack

    See the project

  • Balls

    Screenshot from an exercise of object-oriented Javascript with canvas

    Exercise of object-oriented Javascript with canvas

    See the project

  • The  snake

    Screenshot from a remake of the famous Snake game in object-oriented Javascript with canvas

    Remake of the game in object-oriented Javascript with canvas

    See the project