<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, 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 don't used a canvas but simple HTML elements and Javascript, with intervals and keyframes.

    See the project

  • DevLinks

    Screenshot from a dev-related links sharing system

    Dev-related links sharing system

    The goal was to create a React application with at least: an API allowing CRUD on entities, routing, state management, data storage in the browser, users and roles handling, a CSS preprocessor and code linting/formatting.

    So I had this idea of a dev-related links sharing system. We can see on it a list of useful resources briefly described, sent by users and approved (with email notification) by administrators. Each user can manage his account informations, pin favorites and filter the different lists.

    The technical stack is made of:
    -Create React App, with Redux Toolkit, Framer Motion and React Router
    -Laravel, with a custom API, JWT auth and PHP scraping to prefill the links informations
    -Composer, NPM, ESLint, Prettier
    -Tailwind, Sass and FontAwesome
    -Axios.

    Demonstration available upon request

  • Image color picker

    Screenshot of a color picking on pictures system

    Color picking on pictures system

    Made with JS, AJAX and PHP. We can automatically extract the main colors of a picture, or manually by picking some we want. The colors can be copied to the clipboard and exported in CSS.

    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

  • MOVIMAGE

    Screenshot of a part of Movimage's game

    Movie guessing game with pictures

    The goal is to find a random movie title with its poster or a linked picture (from the movie, an artwork, etc.), using clues on the movie or not. We can configure our language, playing time, clues number and the way an image will be hidden (pixellated or blurred, with level examples).

    The technical stack is made of:
    -TMDB's API
    -Vue.js 3, with Pinia.js and Vue Router
    -Typescript
    -Tailwind 4 and DaisyUI
    -Shepherd.js (there is an explanatory tour of the app)
    -Vite.

    Demonstration available upon request