Abdelli Mohamed

Front-End Developer

Creative Graphic Designer

Mercarue – Website Development

  • Technologies: Vue.js, Bootstrap, Firebase, NPM
  • Year: 2021
See Demo

Project Overview:
This project involved developing a modern, responsive website for Mercarue, utilizing Vue.js 2 and Bootstrap. The objective was to create a user-friendly, dynamic website with interactive components, custom sliders, and validation forms.

Project Execution Process:

  • Framework and Libraries: Built the website using Vue.js 2 and Bootstrap for a responsive layout. Integrated various libraries and components for smooth performance and enhanced user interaction.
  • Custom Sliders and Carousels: Used libraries like vue-awesome-swiper and vue-carousel-3d to implement visually engaging, responsive sliders and carousels.
  • Form Validation and Email Integration: Employed Vuelidate for form validation and EmailJS for handling email submissions directly from the website.
  • Firebase Integration: Integrated Firebase for backend services, ensuring reliable data storage.
  • Smooth User Navigation: Enhanced user experience with smooth scroll using vue-scrollto and modals with vue-js-modal.
  • Additional Functionalities: Incorporated other tools like vue-select for dropdowns, vue-sweetalert2 for notifications, and vue-sticky-element for navigation elements.

Final Outcome:
A responsive, interactive website that meets the client’s requirements for user engagement and performance, leveraging a wide range of Vue.js plugins and libraries to deliver a modern and seamless user experience.