Frontend development of a new version of a web portal for interior design

Project summary

The project involves the creation of a new version of the corporate web portal of a company engaged in the production and sale of products for interior design. The web portal includes an online store, an online designer, training courses for those who want to learn creating interior design projects, automation of interaction between dealers, architects and end customers of products. A motivational loyalty system was developed. It allows all users to earn in-store points through an active use of the portal services that can be spent for additional goods. The interface has multilingual support in three languages: Dutch, English, and French.

Technical description of the project

The application was developed using popular Next.js framework, which provides such React-based web application functions as server-side rendering and static web page creation, as well as active use of the Chakra UI component library. Typescript language, as well as modern approaches and class coverage of all entities were used for development. Interactive communication with the backend part is implemented in the system interface. For this purpose, asynchronous queries are used, for example, uploading new data into a table, uploading project data. The frontend part of the application was covered by snapshot and Unit tests. Multilingual support was implemented using the i18next framework.

JazzTeam responsibilities

JazzTeam responsibilities included participating in the development of portal visual interfaces, as well as writing automated tests for the frontend part of the application. We created and expanded the functional components of the application to ensure more flexibility for the work of developers in the future and usability.

Technologies used

Programming languages: Typescript.
Frameworks, libraries: Next.js, Chakra UI, Jest, Axios, i18next.
Infrastructure: Git, Bitbucket CI/CD.

Project features

One of the main features of the project was a great emphasis on the quality of delivery of the developed functionality by the developer, since the functionality check was carried out only by the product owners without applying the classical approach that presupposes preliminary testing by the QA team. On the one hand, the developer needed to thoroughly test its own functionality, thus performing the role of a QA engineer. On the other hand, this accelerated the delivery of the product to end users. The development was carried out by a small international team using the Kanban methodology with frequent releases at production intervals of 1-2 weeks.

Much emphasis was placed on its scalability, load resistance, adherence to the principles of the OOD, and easy support for future developers. The project was developed using the latest frameworks and libraries for the development of web applications. Much attention was paid to writing automated tests.

Project results

  • The project is under active development. Our team was involved in the development of the first version of the portal, where such features as a user control panel, a design academy, a project management system for interior architects and the interface of the store selling for points were developed.
  • The first version of the product successfully passed beta testing and is actively used by the customer and its clients.

Company’s achievements on the project

  • Quick dive into the subject area and technical details of the project in a very short time.
  • Work with a wide stack of frameworks and technologies.
  • Scenarios of test cases for writing automated UI tests were developed.







    Contact Us

    Name:

    Email: *

    Message: *

    I agree to Privacy Policy

    What happens next?

    1 Leave your project request. We will contact you and schedule a call.
    2 Signing of the NDA to ensure the project info confidentiality.
    3
    Negotiation of your request and the required services.
    4 Team forming, coordination of workstages.
    5 Contract signing and project start.