Post by account_disabled on Jan 22, 2024 2:38:08 GMT -7
How to solve the digital problem of a real estate corporation? Technology stack, universal solutions in application design and communication. Let's talk about everything one by one using the example of the Riel company. The Riel corporation has many Internet resources - this is the company’s website and individual websites for each of the residential complexes that Riel is building. At the moment there are 49 completed projects in Lviv and Kyiv. On all resources there is a sale - apartments, parking spaces, real estate for commercial purposes. Each such resource is visited by 30 to 50 thousand users per month. Therefore, the main task of the future Internet resource was to display the relevance of sales data and convey information about the current status of construction at each site. In addition, Riel owns its own platform for recording all its properties: prices, reservations, sales, etc. What was needed was a single center for managing all information - a single administration panel, which would include aggregation of sales data from the internal platform and content information about the corporation and its projects: contacts, news, promotions, catalog of objects, etc.
Another task was to repackage all the corporation's existing resources. The team immediately discarded the classic option with a monolithic website. One codebase shared by different domains is not stable. It will create a clutter of behavior conditions inside the code and increase costs when scaling. If there is an error in one piece of code, all sites may crash. The project team ca B2B Email List me to the decision to create separate applications, each with its own separate task and isolated environment. Back-end server: will combine all information from integration services; will manage databases and file storage; integrates Elasticsearch across all content. NodeJS server admin panel: content management will be performed here; Statistics, feeds on corporation objects, etc. will be collected. The NodeJS server of the Riel Corporation website is the main information portal with a catalog of construction projects. The company's branding is focused on it. NodeJS server for the residential complex website: represents a typical website for a residential complex, which will contain all the relevant information on the current project and its objects for sale. Diagram of applications and their connectionsriel1 So, we have approved the main components and decided on a list of technologies. The next step is development.
user interface User interface To dynamically render pages, we used the React library. It performs universal tasks, such as rendering any HTML page, and has no clear restrictions on use. We still have freedom of choice and action. But there is also the other side of the coin - there are many solutions, you can make the wrong choice and reach a dead end. Wezom already has experience developing on this technology stack, so our solutions were simple and workable. design system Design system Our team used the Material Design design system to base the design of all applications. Her “philosophy” exactly matched the client’s design requirements. Material-UI was used to adapt design layouts to React. This is a library written using CSS-in-JS technology. It was this technology that served as the main selection factor. CSS-in-JS allows you to dynamically render the styles of the desired components that are currently in use. Thus, the user receives only the required amount of styles, without unnecessary code. In addition to efficient delivery, the library allows you to dynamically influence and calculate current values, which means you can implement theming of a design system without any problems. This problem was set by the client - and we solved it.
Another task was to repackage all the corporation's existing resources. The team immediately discarded the classic option with a monolithic website. One codebase shared by different domains is not stable. It will create a clutter of behavior conditions inside the code and increase costs when scaling. If there is an error in one piece of code, all sites may crash. The project team ca B2B Email List me to the decision to create separate applications, each with its own separate task and isolated environment. Back-end server: will combine all information from integration services; will manage databases and file storage; integrates Elasticsearch across all content. NodeJS server admin panel: content management will be performed here; Statistics, feeds on corporation objects, etc. will be collected. The NodeJS server of the Riel Corporation website is the main information portal with a catalog of construction projects. The company's branding is focused on it. NodeJS server for the residential complex website: represents a typical website for a residential complex, which will contain all the relevant information on the current project and its objects for sale. Diagram of applications and their connectionsriel1 So, we have approved the main components and decided on a list of technologies. The next step is development.
user interface User interface To dynamically render pages, we used the React library. It performs universal tasks, such as rendering any HTML page, and has no clear restrictions on use. We still have freedom of choice and action. But there is also the other side of the coin - there are many solutions, you can make the wrong choice and reach a dead end. Wezom already has experience developing on this technology stack, so our solutions were simple and workable. design system Design system Our team used the Material Design design system to base the design of all applications. Her “philosophy” exactly matched the client’s design requirements. Material-UI was used to adapt design layouts to React. This is a library written using CSS-in-JS technology. It was this technology that served as the main selection factor. CSS-in-JS allows you to dynamically render the styles of the desired components that are currently in use. Thus, the user receives only the required amount of styles, without unnecessary code. In addition to efficient delivery, the library allows you to dynamically influence and calculate current values, which means you can implement theming of a design system without any problems. This problem was set by the client - and we solved it.