A front-end only, state-full, application to display future topics for hosted on github pages.

The purpose of the app is to collect feedback through votes from Magento 2 developers on which issues they would like to learn more about.
It uses some interesting technologies and was fun to create.

The topics are stored as issues for a public github repository.

The app fetches the issue list and reactions from the github API and stores them in the browser local storage. They then are rendered using react, and styled using the materializecss responsive framework.

The list of topics is updated automatically only if an issue changed using conditional HTTP requests. This way the rate limit for the anonymous usage of the github API is not reached.

It took 6 hours for the initial development and then another 6 hours of additional tweaks.


Mage2 TV 8 months ago

Mage2 TV is a custom built website for a Magento Developer Screencasts subscription service.

"Build your own understanding and offer help where you can" .

Contributing to the future of Magento front-end, Magento PWA Studio, as an active member of the Magento Research PWA Studio Github team. Contributing code and documentation, and helping developers who get started by responding to Github issues. 2 years ago

Website is based on Rails + React.js

MondoConvenienza 1 year ago

Magento 2 Enterprise Edition Website for italian company Mondo Convenienza in the furniture world. Full website development with CRM / PIM interface and full custom ReactJS checkout procedure.

Magento 2 introduced the concept of frontend/backend separation - figuring frontend as an application exchanging data with the core through webservices. However the choice of the MVVM model of KnockoutJS is not sufficient to completely abstract the frontend as a self-contained, autonomous application. Thanks to the easiness of implementation of Magento 2 webservices - using those already present or extending them - it is possible to move to a reactive programming model based on ReactJS or Angular 2; thus creating a performing, easily customizable, stable frontend layer with independent test units. This modular frontend might be made of separate components - each of which capable of replacing a specific pre-existing function. We will show examples and case studies based on both platforms and discuss best practices.

Friends of mine in Switzerland wanted to create an online marketplace for handmade stuff.

At Hatimeria we proposed to them a solution based on Magento 2, with a custom-made React.js frontend, using the middleware Node.js.

The project is ongoing, and the first step is creating an MVP - based on Lean Startup Principles.

Project Management based on SCRUM.

The website is under construction!

Starting in Fall 2016, Michal Wujas and his team at Hatimeria had the opportunity to start building the new website of TheRake, the world's leading luxury men's style and lifestyle magazine for men with taste.

Besides standard e-commerce features, a website like this has high requirements in terms of customizability, speed, design, and overall user experience. Therefore, Michal Wujas recommended to build it with Hatimeria's self-developed "Reagento" solution with the rich API of Magento 2 as a base, a NodeJS server, and a ReactJS front-end,

With its new caching technology, Magento 2 offers better out of the box performance than Magento 1. However, it doesn't come close to the performance level of Reagento, used on, with a front-end built in ReactJS combined with a NodeJS server, which renders the whole page server-side. What's more, is built as a Single Page Application. In a SPA, all necessary code is retrieved with a single page load.

The headless Magento project is a success, and has even been listed by The Telegraph in the top 30 best men’s fashion websites.

Are You a Hero?

Sign up now to add your profile to the site. Whether you're a freelancer or work for an agency or a merchant, you can find other developers to hire or get clients for yourself or for your company.