https://github.com/a9na/carshop-quasar-app

A carshop mock-up web app rebuilt with Quasar framework
https://github.com/a9na/carshop-quasar-app

Last synced: about 2 months ago
JSON representation

A carshop mock-up web app rebuilt with Quasar framework

• Host: GitHub
• URL: https://github.com/a9na/carshop-quasar-app
• Owner: a9na
• Created: 2022-07-09T13:13:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-18T17:25:33.000Z (9 months ago)
• Last Synced: 2024-04-18T18:59:25.974Z (9 months ago)
• Language: Vue
• Homepage:
• Size: 5.36 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  🚙💰 Car Shop Website (Built with Quasar)

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. 

### Languages & Technologies used:

![Quasar](https://img.shields.io/badge/Quasar-16B7FB?style=for-the-badge&logo=quasar&logoColor=black)

![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

## 📦 Project Structure

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.

## 📜 Features

- **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.

## 🛠️ Installation

To get started with the Carshop Quasar App, follow these steps:

1. **Clone the Repository:**

```

   git clone https://github.com/a9na/carshop-quasar-app.git

 ```

2. **Navigate to the Project Directory:**

```

cd carshop-quasar-app

```

3. **Install Dependencies:**

```

npm install

```

4. **Run the Development Server:**

```

quasar dev

```

5. **Open your browser and navigate to http://localhost:8080** to see the application in action.

## ⚙️ Configuration

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.

## 📚 Documentation

For more information on Quasar Framework and Vue.js:

- [Quasar Framework Documentation](https://quasar.dev/)

- [Vue.js Documentation](https://vuejs.org/)