Jan Amann, Developer in Dornbirn, Austria
Jan is available for hire
Hire Jan

Jan Amann

Verified Expert  in Engineering

Front-end Developer

Dornbirn, Austria

Toptal member since April 10, 2020

Bio

With 10 years of experience with web apps and five years of specialization in React, Jan can help you architect and build ambitious web experiences that are a pleasure to use. He is known for being a reliable and proactive partner that uses his design background to take products one step further. In addition to building commercial apps, Jan contributes to open-source projects sharing his knowledge and keeping his skills sharp.

Portfolio

Alpine Electronics, Inc.
UX Design, UI Design, APIs, Storybook, Front-end Development, Front-end...
Zemtu OG
APIs, Front-end Development, Front-end, User Interface (UI), Enzyme, Cypress...
Molindo Plus, GmbH.
Responsive Web Design (RWD), APIs, Apollo Server, Front-end Development...

Experience

  • JavaScript - 10 years
  • Front-end - 10 years
  • Web Animation - 7 years
  • Node.js - 7 years
  • React - 5 years
  • GraphQL - 4 years
  • Apollo - 4 years
  • TypeScript - 1 year

Availability

Part-time

Preferred Environment

GitHub, MacOS, Visual Studio Code (VS Code)

The most amazing...

...user interface I've built is a React app that optimizes mobile usability by providing highly performant touch gestures with a physics engine.

Work Experience

Front-end Developer

2018 - PRESENT
Alpine Electronics, Inc.
  • Gathered requirements in workshops and turned them into feature specifications, screen designs, React component APIs, and GraphQL APIs.
  • Implemented React components in a shared component library that served as the foundation for individual applications. A set of more than 150 components now provide the foundation for 20 application packages and counting.
  • Supported team members with code reviews and provided guidance.
Technologies: UX Design, UI Design, APIs, Storybook, Front-end Development, Front-end, Web UX Design, Web App UX, Web UX, Web Design, User Interface (UI), Cypress, Webpack, Software Architecture, Design, ECMAScript (ES6), Component Libraries, Apollo, Jest, GraphQL, React, GitHub, HTML5, Sass, CSS3, CSS, JavaScript

Front-end Consultant

2018 - PRESENT
Zemtu OG
  • Provided guidance for the architecture of a greenfield React mobile app which digitally depicts the process from making a car-sharing reservation to unlocking a car.
  • Optimized the app for performance to run well even on less capable devices.
  • Introduced touch gestures and animations in the app to improve the mobile experience.
Technologies: APIs, Front-end Development, Front-end, User Interface (UI), Enzyme, Cypress, React Testing Library, Software Architecture, ECMAScript (ES6), Apollo, Single-page Applications (SPAs), Jest, GraphQL, React, GitHub, HTML5, Sass, CSS3, CSS, JavaScript

Front-end Developer

2015 - PRESENT
Molindo Plus, GmbH.
  • Defined and implemented a new modern front-end stack with React at its core to deliver the best possible user experience for consumer-facing apps.
  • Built multiple single-page applications with custom component libraries for a unique look and feel of the products.
  • Implemented a GraphQL API in Node.js that served as the single entry point for client apps to get access to a data graph that is distributed among microservices with REST APIs.
  • Initiated an integration layer for rich React widgets to be rendered into existing apps for incremental adoption of the new tech stack (with server-side rendering).
  • Provided technical planning, code review, and support for other front-end developers.
Technologies: Responsive Web Design (RWD), APIs, Apollo Server, Front-end Development, Front-end, User Interface (UI), Enzyme, Material UI, Cypress, Webpack, React Testing Library, Software Architecture, Design, ECMAScript (ES6), Apollo, Single-page Applications (SPAs), Responsive Web Apps, REST APIs, Express.js, Node.js, GraphQL, React, HTML5, Sass, CSS3, CSS, JavaScript

User Experience Developer

2013 - 2015
ILLUSTREE Great User Experiences, GmbH.
  • Concepted, designed, and prototyped a new app for Austrian Federal Railways, paving the way for a new generation of digital touch points for the company.
  • Solved design problems with technical concepts such as adaptive algorithms and graph theory.
  • Built high-fidelity prototypes with AngularJS and Framer and automated workflows with Node.js.
Technologies: UX Design, UI Design, Responsive Web Design (RWD), PHP, APIs, Front-end Development, Front-end, Web UX Design, Web App UX, Web UX, Web Design, User Interface (UI), User Experience (UX), Web Animation, Design, ECMAScript (ES6), Single-page Applications (SPAs), HTML5, Sass, CSS3, CSS, JavaScript, AngularJS

UX Lead

2012 - 2013
StepEffect
  • Formed a startup that aimed to motivate people to become more physically active.
  • Defined user workflows, created screen designs, and coordinated with front-end developers.
  • Shaped the business model by carrying out research and incorporating feedback from stake holders.
Technologies: UX Design, UI Design, Front-end Development, Front-end, Web UX Design, Web App UX, Web UX, Web Design, User Interface (UI), User Experience (UX), Design, CSS3, CSS, Adobe Photoshop

Experience

New Editing Experience for Setlist.fm

With millions of monthly visits, Setlist.fm is one of the most popular music services worldwide and enables its users to share their knowledge about concert setlists. The team from Molindo set out to relaunch the core experience of adding and editing setlists and hired me to implement the user interface.

The front end of the project consists of four React widgets. These integrate seamlessly with the existing web stack of the platform and communicate with a GraphQL API. To live up to mobile apps' high expectations, the implementation pays special attention to touch gestures, useful animations, runtime performance, and an offline-first approach to data.

React-based Component Library

Alpine Electronics is an international enterprise specializing in car audio and navigation systems used by manufacturers such as BMW, Audi, Mercedes, and many others. The company counts more than 13,000 employees and wanted to take their data management apps to the next level by utilizing a React-based component library that could be used in flexible ways.

To meet this challenge, a team of six front-end specialists was formed. My contribution was to gather requirements in on-site workshops, specification of features and component APIs, UX design, front-end development, code reviews, and the definition of GraphQL APIs. A set of more than 150 components now provide the foundation for 20 application packages and counting.

Kitchen Expert Search

Küchenfinder is an Austrian platform operated by Molindo, which helps you to purchase a new kitchen. More than two million users visit the site per year to leverage a data-driven search engine to connect with qualified experts.

I developed multiple React apps for the platform, covering a kitchen configurator for customers, an app for experts in managing customer inquiries, and one for admins to configure core data. I also developed a GraphQL API in Node.js, which provides clients with performant access to distributed data from REST microservices.

React Apollo Network Status

https://github.com/molindo/react-apollo-network-status
This is an open-source library that I built to manage global loading and error states in React apps that utilize Apollo Client and GraphQL. Currently, the library is being downloaded more than 30,000 times per month (as of September 2020).

Touch Gesture Experiments

https://amann.me/blog
To push my boundaries when it comes to advanced user experiences that rely on touch gestures, I build prototypes that showcase new patterns. This exploration has covered physics engines, observables, and React integrations.

Shoemondo

https://www.shoemondo.com
Shoemondo helps you to find your next favorite pair of shoes and recommends the cheapest store to buy them. As a first step, 12 partner stores were integrated to offer an extensive product range. I designed the user interface and implemented it as a server-side rendered React app that communicates with a GraphQL API.

Education

2010 - 2013

Bachelor of Arts Degree in Social Sciences focused on Communication and Knowledge Media

University of Applied Sciences Upper Austria, School of Informatics, Communication and Media - Hagenberg, Austria

Certifications

JUNE 2015 - PRESENT

Browser Rendering Optimization

Udacity

Skills

Libraries/APIs

Node.js, React, React Testing Library, Framer Motion, REST APIs, React Redux

Tools

GitHub, Bitbucket, Git, Webpack, NPM, Adobe Photoshop, Yarn Workspaces, Expo

Languages

CSS3, JavaScript, GraphQL, Sass, CSS, ECMAScript (ES6), HTML, HTML5, TypeScript, PHP

Paradigms

BEM, Web UX Design, Responsive Web Design (RWD), UI Design, UX Design

Frameworks

Yarn, Jest, Express.js, Redux, Material UI, React Native, Cypress, Next.js, AngularJS

Industry Expertise

Web Design

Platforms

MacOS, Firebase, Visual Studio Code (VS Code)

Storage

MySQL

Other

Single-page Applications (SPAs), Front-end, Front-end Development, Apollo, Component Libraries, Responsive Web Apps, Responsive UI, Gatsby, Software Architecture, User Experience (UX), User Interface (UI), Web UX, Web App UX, Apollo Server, Storybook, APIs, Design, Web Animation, ESLint, Design Systems, Enzyme, Full-stack

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring