Hey

I'm Tristan.

I'm a Frontend Developer with a strong passion for building web applications with great user experience.
Here's a bit more about me.

Here are some of my projects

By clicking on the project title, you will be redirected to the hosted webpage.

  • E-Commerce App

    HTML, CSS, JavaScript, React

    I created this library e-commerce app using HTML, CSS, Javascript and React. I used an API to display the books, ratings and prices easily. The application also contains a filter function and skeleton loading state. You can add your books in a shopping cart just like in real world applications. It changes the price as you add more items to your cart. You can also increase the quantity in the shopping cart.

  • Frontend Simplified - Virtual Internship

    HTML, CSS, JavaScript, React

    I transformed a completely static HTML, CSS, JavaScript and React single page application into an interactive user interface using animations, transitions and carousels. I also processed API requests with Axios to dynamically represent data from a cloud server and represented it through skeleton loading states, pagination and dynamic routing. Last but not least, I utilized Git version control and the GitHub interface to work and thrive in a virtual and collaborative team environment.

  • Summarizer

    HTML, CSS, JavaScript, React

    I built this article summarize application using OpenAI's GPT model with a modern interface, connection to OpenAI's GPT model, integration of Redux Toolkit Query, functionalities like "copy to clipboard", "browser history storage" and many more.

  • Twitter-Clone

    HTML, CSS, JavaScript, React, Next.js, Redux Toolkit, Firebase

    I built this Twitter clone using the technologies listed above. It contains a "login", "sign in" and "sign in as guest" function. You can Tweet whatever you like from your account as well as "like" or "comment" on other posts. You are also able to add pictures to a tweet.

  • Movie API

    HTML, CSS, JavaScript, React

    In this project, I used an API to fetch certain results depending on what you search for. I used loading states, as well as animations and reusable components.

  • Angular Webshop

    HTML, Tailwind, Angular, Node.js, TypeScript, Stripe

    In this project, I built an Angular Webshop using Angular, Node,js, TypeScript and Stripe. I used Angular material and Tailwind to structure the UI and integrated an store API into the app. I built a checkout and integrated Stripe to process payments

  • Herzensweise

    HTML, Tailwind, CSS, JavaScript, React

    In this project, I built an fully responsive Website for one of my clients. I personalized the design and added all the features my client asked for. This Website has 4 basic pages which are Home, About, Services and Contatc.

  • Walddienst Bergmann

    HTML, Tailwind, CSS, JavaScript, React

    In this project, I also built an fully responsive Website for one of my clients. I personalized the design and added all the features my client asked for. This Website has 4 basic pages which are Home, About, Services and Contatc.