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
andvue-carousel-3d
to implement visually engaging, responsive sliders and carousels. - Form Validation and Email Integration: Employed
Vuelidate
for form validation andEmailJS
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 withvue-js-modal
. - Additional Functionalities: Incorporated other tools like
vue-select
for dropdowns,vue-sweetalert2
for notifications, andvue-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.