hi@shahlol.ly

Multi-language Ecommerce Store

Vue.js
Vue.js
Nuxt
Algolia
Algolia
Tailwind CSS
TailwindCSS
Firebase
Firebase
Client: Arriada Group Completed: January 2022

Project Overview


I developed the complete Frontend of a multilingual e-commerce platform using Nuxt.js, implementing hybrid rendering to optimize both server-side and client-side performance. The UI was built using TailwindCSS based on Figma mockups, ensuring an intuitive user experience.


One of the key challenges was internationalization (i18n) support and ensuring a consistent experience for both Arabic (RTL) and English (LTR). I tackled this by building a flexible, responsive interface that adapts effortlessly to different languages, providing a frictionless shopping experience.

Home page Home page
Responsive mobile view Responsive mobile view
Advanced product search Advanced product search
Product page | Mobile view Product page | Mobile view
Explore page | Arabic (LTR) Explore page | Arabic (LTR)
Sign up with or login with Google account Sign up with or login with Google account

Key Features & Highlights

  • Multilingual Support (i18n): Seamlessly integrated support for both right-to-left (Arabic) and left-to-right (English) languages, enhancing accessibility.
  • Fully responsive user interface (UI): Responsive design across devices, maintaining clean and scalable code.
  • Social Login: Implemented secure & easy authentication, allowing users to register and log in with their Google accounts.
  • Powerful Search: Integrated Algolia search for real-time, high-speed product filtering, ensuring users can quickly find what they need.
  • Filtering System: Developed a dynamic filter and sorting feature for product search, with custom options like price, brand, and technical specifications.

Interested in working with me?

Get in Touch
© 2025 Abdelsalam Shahlol.

All rights reserved.