Abdelli Mohamed

Front-End Developer

Creative Graphic Designer

Company Management

  • Technologies: Vue js Firebase
  • Year: 2021

Project Presentation

This project involved developing a comprehensive administration application for e-commerce management and business operations as part of my work at Mercarue. The main objective was to create an intuitive dashboard that facilitates the management of products, categories, orders, and user interactions. Additionally, the application was to include features related to the business, such as applications, quote requests, and FAQs.

Project Execution Process

Throughout the development process, I closely collaborated with Mercarue. This allowed me to understand their specific needs regarding the administration application. Consequently, I was able to gather detailed information about the required features for both e-commerce and business management to ensure alignment with their business objectives.

Needs Analysis and Requirements Document Creation

I conducted a thorough analysis of the needs and subsequently drafted a detailed requirements document. This document outlined the essential features for the e-commerce section, including:

  • Dashboard: A user-friendly interface to monitor key metrics and manage operations effectively.
  • E-commerce Management: Features for adding products, categorizing items, creating predefined catalogs, processing orders, and managing brands.
  • User Management: Tools for managing users, tracking their activities, and facilitating interactions.

In the business management section, the application includes:

  • Application Management: A system to manage applications and track candidates.
  • Contact Management: A feature for handling inquiries and interactions with clients.
  • Quote Requests: A system for processing and responding to clients’ quote requests.
  • FAQ Management: Tools to create and update frequently asked questions to enhance customer support.

Application Development

For this, I used Vue.js, Vuetify, and Firebase to develop a responsive and visually appealing application. Moreover, the modular components allowed for an organized structure for the e-commerce and business management features. Thus, the dashboard was designed to provide users with easy access to all essential functionalities and key information.

Firebase Integration

I integrated Firebase to manage user authentication and data storage. This allowed us to benefit from the security and scalability provided by Firebase. Indeed, I used Firestore to store all relevant information, including product details, user profiles, applications, and requests. Thanks to the Firebase API, all information is updated in real time, ensuring smooth communication between the frontend application and backend services.

Testing and Validation

Subsequently, I conducted thorough testing of the application to ensure all functionalities worked as intended. This included testing the user interface, connections with Firebase, and overall performance. Additionally, user feedback was taken into account to make necessary adjustments and improve the application.

Revisions and Final Touches

Finally, after incorporating feedback, I made final adjustments to the application. This ensured that the final product met the highest quality standards and met the client’s expectations.

Final Result

In conclusion, the administration application for e-commerce management and business operations developed for Mercarue provides a comprehensive solution for managing various business functions. Furthermore, the dashboard and intuitive interfaces enhance the user experience while streamlining processes. Overall, this project demonstrates my ability to create sophisticated web applications using Vue.js, Vuetify, and Firebase, tailored to meet the specific needs of businesses.