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

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.