CrossFrameworkComponents

Breaking down boundaries: Building reusable UI components for any framework

This repository explores the power of web components to create framework-agnostic UI elements that seamlessly integrate into Angular, React, and Vue.js applications.

Purpose

Demonstrate the cross-framework compatibility of web components. Provide practical examples of integrating web components into common frameworks. Promote code reusability and reduce development overhead. Foster a framework-agnostic approach to UI development.

How to Run the Projects

This repository contains multiple projects, each with its own setup and run instructions.

Base Index.html Project and Vue.js Project

These projects can be run on any web server. Simply open the index.html file using Live server extension on Vscode. the same works for VueJs no build needed

React Project

To run the React project, follow these steps:

1. Navigate to the React project's directory.
2. Run npm install to install the necessary dependencies.
3. Once the installation is complete, execute npm run start to start the React development server.

Angular Project

To run the Angular project, follow these steps:

1. Navigate to the Angular project's directory.
2. Run npm install to install the necessary dependencies.
3. Once the installation is complete, execute ng serve to start the Angular development server.