ロオマアイネ ハアナセイア

Front Engineer

My services for your business

Transforming your ideas into reality with professional frontend development

1. Frontend development

As a skilled frontend developer, I will design and build custom web applications that provide an exceptional user experience. Using cutting-edge technologies such as HTML5, CSS3, JavaScript (ES6+), and the modern framework React.js/Next.js , I will craft visually appealing and highly interactive interfaces that engage your target audience.

2. Responsive Design

In today's mobile-first world, a responsive design is no longer an option – it's a necessity. As a seasoned frontend developer, I will craft visually stunning and user-friendly interfaces that adapt seamlessly to various screen sizes, devices, and orientations.

3. API and backend integration

To create a truly connected experience, integrating APIs and backends is crucial. As a frontend developer with expertise in API integration, I will bridge the gap between your frontend and backend systems, ensuring seamless communication and data exchange.

4. Performance optimization

A fast and responsive web experience is essential for user engagement and conversion rates. As a seasoned frontend developer, I will analyze and optimize your application or website's performance, ensuring it meets the highest standards of speed and efficiency.

5. Cross-browser compatibility

To ensure a consistent experience across all browsers and devices, cross-browser compatibility is crucial. As a frontend developer with expertise in browser compatibility, I will test and optimize your application or website to work seamlessly on various browsers.

6. Technical support

As a frontend developer with extensive experience in web development, I am committed to providing exceptional technical support to help you overcome any challenges or issues.

Work history

My professional journey and work experience

2022-2024

SAQARA

Front Engineer

Projet 1

Context

Application to manage construction worksite. This platform was designed to offer a simple, efficient solution for customers looking to work with building professionals professionals, while giving them total control over the project realization process.

Achievements
  1. 30-page product upgrade audit with roadmap
  2. Migration from Webpack + React-Router to Next 14 (servers components)
  3. Migration of React V1 components (classes) to React V2 (hooks)
  4. Setting up a testing strategy (Trophy testing)
  5. Unit and component tests
  6. Migration from Apollo to React Query
  7. Removing Redux and RxJs
  8. Setting up Typescript
  9. Deleting unused code
  10. Migrating all forms to React-Hook-Form
  11. Writing documentation
  12. Implementing developer workspace
  13. Setting up ADRs to improve the development process
Technologies
#React
#Webpack
#Next
#TypeScript
#Apollo
#React-Query
#REST
#GraphQL
#Jest
#React-testing-library
#React-hook-form
#Redux
#Rxjs
#Husky
#Eslint
#Prettier
#Lint-staged

Project 2

Context

The client needed a back office application connected to all the products for operators to have quick insight on clients and make some actions.

Achievements
  1. Building a web application from scratch using Next 14
  2. Setting up an architecture that enables more efficient testing
  3. Unit and component tests
  4. Documentation of all components
  5. Implementing developer workspace
  6. Setting up ADRs
Technologies
#Next
#React
#React Query
#TailwindCSS
#React-hook-form
#Typescript
#Jest
#React-testing-library
#REST
#Husky
#Eslint
#Prettier
#Lint-staged

Project 3

Context

Application for tracking the various stages in the signature of job estimates and managing files in progress.

Achievements
  1. Implementing new features
  2. Bug fixes
  3. Testing
  4. Implementing developer workspace
Technologies
#React
#Next
#TypeScript
#Apollo
#React-Query
#REST
#GraphQL
#Jest
#React-testing-library
#React-hook-form
#Husky
#Eslint
#Prettier
#Lint-staged

Project 4

Context

A proprietary DSM (Design System) which aimed to ensure consistency and consistency in the design of all applications.

Achievements
  1. Bug fixes
Technologies
#React
#Typescript
#React-hook-form
#TailwindCSS
#Storybook
2020-2022

TRACKIT

Front Engineer

Project 1: SCALITY Consultant

Context

A cloud storage application (Google Drive like) already implemented, the client needed a person to fully test the app.

Achievements
  1. Unit and component Tests
Technologies
#React
#Redux
#Redux-thunk
#Typescript
#Jest
#Enzyme
#Cypress

Project 2: SCALITY Consultant

Context

The client needed an a back office application for monitoring servers metrics.

Achievements
  1. Implementing an application from scratch in React.js
  2. Unit and component Tests
  3. Implementing developer workspace
Technologies
#React
#React-Query
#Jest
#Typescript
#React-testing-library
#Charts.js
#Prometheus
#Husky
#Eslint
#Prettier
#Lint-staged

Project 3: FUSEMEDIA Consultant

Context

The client needed a back office application that displayed time markers on a custom video player. These markers could be navigated by or add comments.

Achievements
  1. Implementing an application from scratch in React.js
  2. Unit and component Tests
  3. Implementing developer workspace
Technologies
#React
#React-Query
#Jest
#React-testing-library
#Husky
#Eslint
#Prettier
#Lint-staged

Project 4: FASHION NOVA Consultant

Context

Clothing e-commerce site.

Achievements
  1. Implementing new features
  2. Bug fixes
Technologies
#LiquidJS
#Hydrogen

Project 5: CLIPPR.AI Consultant

Context

The client needed an IA solution to extract information about a meeting video (name of the speaker, context, summary, and so on). The client was providing video meeting and from there I make a extract and rework data to make a dataset on where the IA will be able to recognize the speaker voice all serverless.

Achievements
  1. Realization of a POC
  2. Implementing AI flow to recognize speaker voice
Technologies
#AWS
#Python

Project 6: Consultant at ???

Context

The client wanted to migrate all their infrastructure into the cloud. The infrastructure to migrate was a Redis, a front app, a backend app and a database. I did a bonus to provide them a prometheus with a grafana to monitor the AWS EKS cluster.

Achievements
  1. Migration of the infrastructure to AWS.
  2. Implementing a load balancing and auto scale
  3. Implementing a versioning system and a developer environment for terraform
  4. Bonus: setting up a grafana and prometheus for monitoring server metrics with a mailing system to warn assigned admin user about CPU overload
  5. Writing documentation
Technologies
#AWS
#Helm
#Terraform
#Grafana
#Prometheus

Project 7: Consultant at ???

Context

The customer wanted to set up a workspace environment for an audiovisual team.

Achievements
  1. Setting up windows workspaces
  2. Installing software on virtual workspace (3D Max, Maya, Houdini) with keys
  3. Setting up server with graphic cards for video processing
  4. Setting up workspaces across america and europe with regional backup for full availability of workspaces for the team
Technologies
#AWS
#Windows
2018-2020

GRANDPAL

Front Engineer

Project 1

Context

Application that brings together volunteers who want to look after elderly people in retirement homes elderly people in retirement homes and their families.

Achievements
  1. Implementing a PWA using Next.js
  2. Setting up analytics
  3. Unit and component Tests
  4. Implementing developer workspace
Technologies
#React
#Next
#Jest
#Firebase
#Typescript
#GCP
#React-testing-library
#Husky
#Eslint
#Prettier
#Lint-staged

Project 2

Context

The customer wanted to move to native mobile for better analytics integration.

Achievements
  1. POC in flutter and React Native
  2. Implementing a flutter app using existing design
Technologies
#Flutter
#Firebase
#GCP
#Dart

About me

I’m Romain, currently I live in Lyon freelancing as a senior front engineer. In my spare time I like to play piano, play chess, and do footing. I’m always down for hearing about new projects, so feel free to drop me a line.

Send me a message

© 2024 Romain Lancia.