🌟 Welcome to Vue starter!
Explore the world of modern web development with our feature-packed Vue starter project, using cutting-edge technologies like Vue, Vuetify, Pinia, and Vite, it's designed to make your front-end development journey a breeze.
- Real-Time Chat System: Engage users with a powerful and feature-rich real-time chat system supports chat text and voice messages and typing indicator etc...
- Real-Time Notifications: The starter has a great real-time notifications system.
- Widgets: A set of beautiful charts using ChartJs (more coming soon)
- Access Control List (ACL): Leveraging Laravel's Spatie Permissions, we ensure smooth control on both the client and server sides.
- Validation Handling: Handle client-side and server-side validations effortlessly with zero-configuration.
- File Uploads Made Easy: Effortlessly upload files with simplified functionality.
- Theme Support: Enjoy light and dark theme options for a personalized user experience (in development).
- Multiple Layouts: Create your custom layouts to suit your application's needs.
- Multilingual-Ready: The starter has a multilingual-ready support.
- Complete Authentication System: Ensure security with a comprehensive authentication system.
- Flexible Middleware Functionality: Flexible middleware functionlaity for client-side using custom callbacks with roles and permissions.
- Code Quality: Maintain consistency with standard ESLint and Prettier configurations.
- Environment Variables: Easily manage different environments using .env and .env.production.
⚡ And More to Come!
Clone the repository using the following command:
git clone git@github.com:themustafaomar/vue-starter.git
Install the dependencies and run the project using:
npm i && npm run dev
This project has a server-side part please take a look at the following section
As for broadcasting we're not using laravel webosckets instead, we're using soketi to install soketi please follow the instructions below:
soketi may be easily installed via the NPM CLI:
npm install -g @soketi/soketi
Now we can run the websockets server, at your client-side root directory run the following command:
soketi start --config ./broadcasting/soketi.json
For more information about soketi please visit the offical website: https://soketi.app/
Notice that you can still using the laravel websockets but you will need to install it by your own on the server-side project.
For the server-side source code please visit: https://github.com/themustafaomar/vue-starter-server
Vue starter project licensed under MIT.