https://github.com/nomercy10/vue3-metadata-ui
https://github.com/nomercy10/vue3-metadata-ui
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/nomercy10/vue3-metadata-ui
- Owner: Nomercy10
- Created: 2024-08-25T20:07:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-25T20:15:28.000Z (about 1 year ago)
- Last Synced: 2025-02-04T13:28:49.601Z (8 months ago)
- Language: Vue
- Size: 62.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Metadata UI Project Using Vue 3
## Overview
The Metadata UI Project is a web application built with Vue 3 that demonstrates dynamic component rendering, API data fetching, and UI customization. The project features the ability to switch between different components and fetch metadata to update the UI accordingly.
## Features
- Dynamic component rendering with `DynamicOne` and `DynamicTwo`.
- Loader component to display while fetching data.
- Header component with customizable title, description, and buttons.
- Text transformation functionality to switch between uppercase and lowercase.
- Responsive design with Tailwind CSS for styling.
- FormBuilder component showcasing different types of form fields
## Getting Started
### Prerequisites
- Node.js (v14 or higher)
- npm (v6 or higher) or yarn (v1.22 or higher)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/nomercy10/metadata-ui-vue3.git
2. Install dependencies:
```bash
npm install
3. Run development server
```bash
npm run dev