CMS

CMS is a web application created with Vue.js, Vuetify, and Vue Router that allows users to manage customer, category, and product data. The application consists of three primary tabs: Customers, Categories, and Products. Each tab displays a table with filter inputs and a button to add a new item. Clicking on a row redirects the user to a view page where they can see the item details and edit or delete it. The application uses a Laravel server and RESTful API for data management.

Live Demo

View the live demo here

Screenshots

Here are some screenshots of the main pages:

○ Customers Page

○ Categories Page

○ Products Page

Installation

To install and run the CMS project on your local machine, follow these steps:

• Clone the repository: git clone https://github.com/alaa-abdallah1/cms.git
• Go to the project directory cd cms
• prepare your environment cp .env.example .env and add the right values
• Install dependencies and Start the development server: npm install && npm run serve
• Open the app in your browser at http://localhost:8081

That's it! You should now be able to run the app locally.

Usage

To use the CMS, follow these steps:

• Open the app in your browser at http://localhost:8081
• Navigate to the desired tab (Customers, Categories, or Products).
• Use the filter inputs to find the desired item(s).
• Click the "Add New Item" button to add a new item.
• Click on a row to view the item details and edit or delete it.

Contributing

Contributions to the CMS project are welcome! Please submit a pull request with your changes.

Code Owner

This project was created by Alaa Abdallah