https://github.com/alaa-abdallah1/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.
https://github.com/alaa-abdallah1/cms
css html javascript laravel rest-api vuejs vuetify
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/alaa-abdallah1/cms
- Owner: alaa-abdallah1
- Created: 2023-07-20T23:40:36.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-29T20:46:56.000Z (almost 3 years ago)
- Last Synced: 2025-03-31T18:47:50.931Z (over 1 year ago)
- Topics: css, html, javascript, laravel, rest-api, vuejs, vuetify
- Language: Vue
- Homepage: https://cms-zf6p.onrender.com
- Size: 72.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://cms-zf6p.onrender.com/customers)
## 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](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](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](https://github.com/alaa-abdallah1)