Zirve Packaging
The project of the Peak International website for the manufacture of production and packaging lines includes a 360-degree display of machines, special files for each machine, a sales map, and a catalog display in a way similar to reading in magazines. The website is available in five languages and includes live chat between website visitors and the company
Here are some main sections of the project with explanations:
360 degree view of machines:
The site allows users to explore the machines in 360 degrees, allowing them to view every part of the machine and understand in detail how it works.
Special files for each machine
The site provides a special file for each machine, which contains a detailed explanation of each part of the machine, in addition to detailed links to each piece, enabling users to understand how to assemble and use the machine.
Live chat
The site includes a live chat service between site visitors and the company, where visitors can ask questions and inquiries and get immediate answers, which enhances visitors’ interaction with the content and facilitates communication with the company.
View company catalog
The site allows users to browse the company's catalog in a way similar to reading magazines, which makes the user experience more interactive and closer to paper presentations.
Support for five languages
The site operates in five main languages: Arabic, English, Turkish, Russian and French, which ensures effective communication with visitors of different nationalities and languages
Company sales map
The website includes a map showing the company's global reach, making it easy for customers to know the regions the company serves and its global presence
Technologies Used
Front-End Technologies:
Angular SSR
A framework for building dynamic web applications with server-side rendering for SEO benefits.
Angular CSR
A client-side rendering framework for fast and dynamic web applications.
Tailwind CSS
A utility-first CSS framework that helps build modern, responsive designs quickly.
Design & UI/UX Tools:
Figma
A collaborative interface design tool used for wireframing, prototyping, and design systems.
Photoshop
A powerful image editing software used for photo manipulation, digital art, and UI/UX design.
Back-End Technologies:
Node.js
A JavaScript runtime built on Chrome's V8 engine, ideal for scalable and high-performance web applications.
Express.js
A minimal and flexible Node.js web application framework that provides a robust set of features for APIs and web apps.
RESTful API
A standard architecture for web services that use HTTP requests to access and manage data.
Real-Time Communication:
WebSocket
A full-duplex communication protocol that enables real-time messaging between a client and a server.
Socket.IO
A library that enables real-time, bidirectional communication over WebSockets with additional features like automatic reconnections.
Database & Cloud Hosting:
MongoDB
A NoSQL database that stores data in flexible, JSON-like documents for high scalability and performance.
Firebase
A cloud-based platform that offers real-time database, authentication, hosting, and analytics for web and mobile apps.
Ubuntu Server
A Linux-based operating system optimized for cloud and server environments, widely used for hosting web applications.
Contabo VPS
A cost-effective virtual private server solution offering high-performance cloud hosting.
Deployment & Server Management:
PM2
A production process manager for Node.js applications that helps with automatic restarts and monitoring.
Nginx
A high-performance web server and reverse proxy used for load balancing, caching, and serving static content efficiently.
Node Cache
A simple caching module for Node.js applications to store and retrieve data quickly in memory.
To fully preview the website and explore all its pages and features,
CLICK HERE