Qt-HMI-Display-UI - GitLite

KO | EN

gitlite — search

#dotnet #svg #api #rag #java #swift #shell #cpp #command-line #c

Qt-HMI-Display-UI

(★ 55)

Welcome to the future of automotive innovation! Our Qt QML Car Dashboard design takes your driving experience to the next level, seamlessly merging cutting-edge technology with sleek and intuitive user interfaces.

File Explorer

ZIP Download

- background.png
- background.svg
- car.png
- Car.svg
- Dashboard.svg
- FirstRightIcon.svg
- FirstRightIcon_grey.svg
- FourthRightIcon.svg
- FourthRightIcon_red.svg
- fuel.svg
- Info.txt
- Light_White.svg
- Lights.svg
- Low beam headlights.svg
- Low_beam_headlights_white.svg
- Model 3.png
- Model 3.svg
- needle.svg
- newcar.svg
- Parking lights.svg
- Parking_lights_white.svg
- Rare fog lights.svg
- Rare_fog_lights_red.svg
- road.svg
- SecondRightIcon.svg
- SecondRightIcon_red.svg
- speedometer.svg
- thirdRightIcon.svg
- thirdRightIcon_red.svg
- tickmark.svg
- Vector 1.svg
- Vector 2.svg
- Vector 70.svg
- Car Dashboard.gif
- screens.txt
- Screenshot 2023-08-12 141221.png
Car_1.pro
Car_1.pro.user
Gauge.qml
main.cpp
main.qml
qml.qrc
radialbar.cpp
radialbar.h
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align='center'>
  <a href="https://www.linkedin.com/in/aksh-singh-0808bb220/"><img src="https://avatars.githubusercontent.com/u/108173159?s=400&u=7aa6f3cded4e1eceabae2f86c27aeeb3931538b4&v=4" /></a>
</p>

<h3 align='center'>
  👩‍💻 Aksh Singh 👩‍💻
</h3>

<h4 align='center'>
  Embedded Software Engineer (QT| C++)
</h4>

<h5 align='center'>
  I live in Gurugram, India and work at <b>VVDN Technology</b> 
</h5>

<p align='center'>
  <a href="https://twitter.com/divyadesh_777"><img src="https://img.shields.io/badge/twitter-%231DA1F2.svg?&style=for-the-badge&logo=twitter&logoColor=white" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
  <a href="https://www.linkedin.com/in/aksh-singh-0808bb220/"><img src="https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
  <a href="mailto:akshworkamil@gmail.com?subject= Hi Aksh Singh"><img src="https://img.shields.io/badge/gmail-%23D14836.svg?&style=for-the-badge&logo=gmail&logoColor=white" /></a>&nbsp;&nbsp;&nbsp;&nbsp;

</p>

![Uploading Car Dashboard.gif…](https://github.com/cppqtdev/Car-Dashboard-2/blob/main/screenshots/Car%20Dashboard.gif)

This project is a car dashboard user interface built using Qt QML. It provides a modern and intuitive interface for displaying essential information for a vehicle, such as speed, fuel level, temperature, and more.

## Table of Contents

- [Introduction](#introduction)
- [Features](#features)
- [Screenshots](#screenshots)
- [Video Demo](#video-demo)
- [Prerequisites](#prerequisites)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
- [Acknowledgments](#acknowledgments)

## Introduction

The Car Dashboard project aims to create a user-friendly dashboard interface for vehicles using Qt QML. It allows users to monitor critical vehicle parameters in real-time, providing a digital representation of the traditional dashboard found in automobiles.

## Features

- **Speedometer**: Displays the current speed of the vehicle in real-time.
- **Fuel Gauge**: Shows the fuel level with a visual gauge.
- **Temperature**: Monitors the temperature inside the vehicle.
- **RPM (Revolution Per Minute)**: Indicates the engine RPM.
- **Odometer**: Tracks the total distance traveled by the vehicle.
- **Engine Status**: Indicates whether the engine is running or not.
- **Turn Signals**: Visual indicators for left and right turn signals.
- **Warning Lights**: Alerts for various vehicle conditions (e.g., low fuel, check engine).
- **Customizable**: The UI is designed to be easily customizable to fit different vehicle types and styles.

## Screenshots

![Car Dashboard Screenshot](https://github.com/cppqtdev/Car-Dashboard-2/blob/main/screenshots/Screenshot%202023-08-12%20141221.png)

## Video Demo

[![Car Dashboard Video Demo](https://img.youtube.com/vi/Bf660-_w5zU/0.jpg)](https://www.youtube.com/watch?v=Bf660-_w5zU)

## Prerequisites

Before you begin, ensure you have met the following requirements:

- Qt 5.x or higher installed on your system.
- Basic knowledge of QML (Qt Quick Markup Language).

## Getting Started

To get a local copy up and running, follow these simple steps:

1. Clone the repository:

```bash
git clone git@github.com:cppqtdev/Car-Dashboard-2.git