Abdelli Mohamed

Front-End Developer

Creative Graphic Designer

Vue.js Administration for Qorani

  • Technologies: Vue js
  • Year: 2023

Project Presentation

This project involved developing a comprehensive administration application for Qorani as part of my work at Mercarue. The main objective was to efficiently manage various content related to the Quran, such as verses, sub-verses, themes, and other elements. Thus, I created an intuitive interface that facilitates the addition, modification, and management of this content.

Project Execution Process

Collaboration with the Client

At Mercarue, I closely collaborated with the client. This allowed me to understand their vision and specific needs for Qorani. I then gathered detailed information about the required features and the architecture of the application.

Needs Analysis and Specification Development

I analyzed the client’s needs and developed a structured specification document. This document included essential features to be developed, such as the management of verses, sub-verses, themes, and surahs. Additionally, I ensured that the application aligned with Qorani‘s brand image.

Application Development

For the application development, I used Vue.js. This ensured a responsive and user-friendly interface. I also developed components for each management section, making navigation easier for administrators.

Database Integration

As part of my work at Mercarue, I integrated a database. This database stores information about verses, themes, users, and other content. With the API provided by the backend, I was able to manage the data efficiently. Consequently, the information in the application is updated in real-time. This integration allowed for smooth communication between the frontend application and the backend. Therefore, all changes made by administrators are immediately reflected in the user interface.

Testing and Validation

I then conducted thorough testing of the application. This allowed me to ensure everything was functioning correctly. I checked that all features were operational and that there were no bugs. Additionally, user feedback was considered to enhance the interface and user experience.

Revisions and Final Touches

Finally, I implemented the client’s feedback to adjust the application. This ensured that the final product met the highest quality standards and aligned with the client’s expectations.

Final Result

In conclusion, the administration application for Qorani enables smooth and efficient management of Quran-related content. It serves as a valuable tool for site administration. Furthermore, it enhances the end-user experience. This project, completed as part of my work at Mercarue, demonstrates my ability to develop comprehensive web solutions that meet specific client needs.