LAB | Hello Vue

This is a simple Vue.js landing page created as part of the Hello Vue lab exercise.

Description

This project is a simple landing page built with Vue.js that showcases:

• A responsive layout
• Vue.js components
• CSS styling
• Emojis as placeholders for images

Setup

To run this project locally:

# Navigate to the project directory
$ cd lab-vue-c-intro

# Install dependencies
$ npm install

# Start the development server
$ npm run dev

Project Structure

lab-vue-c-intro/
├── public/
│   └── favicon.ico
├── src/
│   ├── assets/
│   │   └── main.css
│   ├── images/
│   ├── App.vue
│   └── main.js
├── .gitignore
├── index.html
├── package.json
├── README.md
└── vite.config.js

Features

• Responsive design that works on all screen sizes
• Modern UI with Vue.js
• Interactive elements
• Clean and maintainable code structure

Technologies Used

• Vue.js 3
• Vite
• CSS3
• JavaScript