Widget-UI is an Angular project designed to provide a user-friendly interface for managing widgets. It facilitates customization and management of widgets within a web application.
- Easily customize product widgets, received from a given API.
- Intuitive interface for managing widget settings, such as colors, linked profile and activation status.
- Integration with Angular CLI 15.2.1 for streamlined development and building processes.
- Comprehensive documentation to assist with development and usage.
To start using Widget-UI, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/Moograine/widget-ui.git -
Navigate to the project directory:
cd widget-ui -
Install dependencies using npm:
npm i -
Run the development server:
ng serve -
Open your browser and navigate to
http://localhost:4200/to view the application.
Widget-UI provides a straightforward interface for managing widgets within your web application. Here are some key actions you can take:
- Linked To Public Profile: Check whether your Public Profile link should be accessible from the tooltip [displayed if the mouse hovers over the information icon].
- Customizing Widget Color: Adjust widget colors, to match your application's design.
- Activate Badge: Choose your active badge [only one can be active at a time].
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.