Welcome to the Carshop Quasar App! This project is a modern and sleek car shop mock-up web application tailored to highlight the services and offerings of a car shop. It showcases the powerful capabilities of Quasar for creating high-quality web applications. Leveraging Quasar's robust framework allows for building a responsive and cross-platform Vue.js application, ensuring a seamless and engaging user experience across various devices.
The project is organized into the following main directories:
src/: Contains the source code for the application.assets/: Includes static files like images, fonts, and icons.components/: Houses reusable Vue components used throughout the app.layouts/: Defines the layout components for different views.pages/: Contains the page components that represent different routes.router/: Manages the application's routing configuration.store/: Implements Vuex state management for handling global state.boot/: Initialization files that are run before the app starts.css/: Stylesheets and custom CSS for the application.
- Responsive Design: Optimized for various screen sizes and devices.
- Quasar Framework: Utilizes Quasar's powerful UI components and theming system.
- Vue.js: Leverages Vue.js for a reactive and modular front-end.
- State Management: Uses Vuex for managing global application state.
- Routing: Configured with Vue Router for seamless navigation.
To get started with the Carshop Quasar App, follow these steps:
- Clone the Repository:
git clone https://github.com/a9na/carshop-quasar-app.git
- Navigate to the Project Directory:
cd carshop-quasar-app
- Install Dependencies:
npm install
- Run the Development Server:
quasar dev
- Open your browser and navigate to http://localhost:8080 to see the application in action.
Configuration files are located in the quasar.conf.js file in the root directory. You can customize various settings including build options, development server settings, and more.
For more information on Quasar Framework and Vue.js: