<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.

  • Script Hive

    Screenshot of the Script Hive's website

    A platform to search film/TV scripts

    As a screenwriting passionate, I'm part of this cross-platform screenwriters community Script Hive since several years. I took part in creating their script center web project in collaboration with other developer members.

    The website is built in React, Typescript, Sass, Bootstrap and uses a remote database and storage on Supabase through API. Onboarded during development, I mostly:
    -improved architecture: utils, logic separation, components, changes in handling styles...
    -setup a global state manager for several features. I choose and explored Zustand.
    -improved a user's logged in state persistence and his datas through his journey on the website, and did access control in function
    -fixed/refactored several features, styles and user interface elements.

    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