Front-end structure for a Finnish cosmetics online shop
Nguyen Dinh, Hieu (2019)
2019
Kaikki oikeudet pidätetään
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201903294015
https://urn.fi/URN:NBN:fi:amk-201903294015
Tiivistelmä
The purpose of the project was to construct a standalone front-end for a Finnish cosmetics web shop. This would be part of their migration from a custom-made framework to a new framework called Litium, to enable a more streamlined e-commerce development experience and to scale the shop smoothly in the future.
The project was completed by observing established methodologies and approaches to frontend frameworks before devising a custom implementation. As a result, the site’s frontend was built separately from the backend. It includes an independent static markup section to imitate the production site, with reactive file processing and optimization using Node.js and Gulp.js for a smooth development time. On top of that, the frontend sector also expands into a pattern library, which is to ensure a common voice between the design team and engineering team.
In conclusion, the project was a success fulfilling the needs from both the development team with its frontend processing and the design team with the pattern library. There is still room for improvement, such as a more consistent naming scheme to cover unexpected cases or a better method to organize the global and local scripts. However, they will be assigned to a post-launch project, after the migration is complete.
The project was completed by observing established methodologies and approaches to frontend frameworks before devising a custom implementation. As a result, the site’s frontend was built separately from the backend. It includes an independent static markup section to imitate the production site, with reactive file processing and optimization using Node.js and Gulp.js for a smooth development time. On top of that, the frontend sector also expands into a pattern library, which is to ensure a common voice between the design team and engineering team.
In conclusion, the project was a success fulfilling the needs from both the development team with its frontend processing and the design team with the pattern library. There is still room for improvement, such as a more consistent naming scheme to cover unexpected cases or a better method to organize the global and local scripts. However, they will be assigned to a post-launch project, after the migration is complete.