{"id":28627310,"url":"https://github.com/philippebeck/vesan","last_synced_at":"2025-06-12T09:08:41.934Z","repository":{"id":65478268,"uuid":"592798359","full_name":"philippebeck/vesan","owner":"philippebeck","description":"Frontend Framework made with Vue \u0026 Animadio","archived":false,"fork":false,"pushed_at":"2024-05-08T13:02:15.000Z","size":4724,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-26T21:05:02.096Z","etag":null,"topics":["animadio","framework","frontend","javascript","jest","ui","vue"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/vesan","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/philippebeck.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-01-24T15:03:40.000Z","updated_at":"2024-12-08T11:16:15.000Z","dependencies_parsed_at":"2023-12-03T15:23:39.686Z","dependency_job_id":"3de7cc13-de23-4ec8-bbe1-ed779118374b","html_url":"https://github.com/philippebeck/vesan","commit_stats":{"total_commits":1064,"total_committers":1,"mean_commits":1064.0,"dds":0.0,"last_synced_commit":"88fca82395206ce63bcb3aa0c99c1791229ce57f"},"previous_names":[],"tags_count":169,"template":true,"template_full_name":null,"purl":"pkg:github/philippebeck/vesan","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philippebeck%2Fvesan","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philippebeck%2Fvesan/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philippebeck%2Fvesan/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philippebeck%2Fvesan/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/philippebeck","download_url":"https://codeload.github.com/philippebeck/vesan/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/philippebeck%2Fvesan/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259436159,"owners_count":22857137,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animadio","framework","frontend","javascript","jest","ui","vue"],"created_at":"2025-06-12T09:08:41.124Z","updated_at":"2025-06-12T09:08:41.909Z","avatar_url":"https://github.com/philippebeck.png","language":"Vue","readme":"# Vesan \n\nVesan is a User Interface Framework made with Vue \u0026 Animadio\n\n[![NPM Version](https://badgen.net/npm/v/vesan)](https://www.npmjs.com/package/vesan)\n[![GitHub Top Language](https://img.shields.io/github/languages/top/philippebeck/vesan)](https://github.com/philippebeck/vesan)\n[![Code Size](https://img.shields.io/github/languages/code-size/philippebeck/vesan)](https://github.com/philippebeck/vesan/tree/master)\n\n[![NPM Downloads](https://badgen.net/npm/dt/vesan)](https://www.npmjs.com/package/vesan)\n[![GitHub Last Commit](https://badgen.net/github/last-commit/philippebeck/vesan)](https://github.com/philippebeck/vesan/commits/master)\n\n[![Codacy Badge](https://app.codacy.com/project/badge/Grade/cfde730eaf0f48a587afc8b95a2ac119)](https://www.codacy.com/gh/philippebeck/vesan/dashboard)\n[![Maintainability](https://api.codeclimate.com/v1/badges/61debaf8cefe10b19cc6/maintainability)](https://codeclimate.com/github/philippebeck/vesan/maintainability)\n\n\n\n- [Vesan](#vesan)\n  - [Download](#download)\n  - [Package](#package)\n  - [Installation](#installation)\n  - [Configuration](#configuration)\n  - [Usage](#usage)\n  - [Production](#production)\n  - [Content](#content)\n  - [Documentation](#documentation)\n\n---\n\n## Download\n\n[Use this Template](https://github.com/philippebeck/vesan/generate)  \nor  \n`git clone https://github.com/philippebeck/vesan.git`  \nor  \n[Latest Release](https://github.com/philippebeck/vesan/releases)  \n\n---\n\n## Package\n\nNPM : `npm i vesan`  \nor  \nYarn : `yarn add vesan`  \n\n**If you choose to get Vesan from NPM or Yarn : you need to copy Vesan from *node_modules/vesan* to the root of your App**\n\n---\n\n## Installation\n\nInstall the frontend dependencies :  \n`$ npm install`  \n\n---\n\n## Configuration\n\nTo configure the frontend constants, replace values :  \n`/src/config/values.example.js` *(then rename it /src/config/values.js)*  \n\n---\n\n## Usage\n\nTo run the UI :  \n`$ npm start`  \n\n---\n\n## Production\n\n1. Compile the frontend :  \n`$ npm run build`  \n\n2. Then use the files of the dist folder for your prod UI\n\n---\n## Content\n\nElements Components :  \n-   **BtnElt** *(Link \u0026 Button Elements)*  \n-   **CardElt** *(Article \u0026 Section Elements)*  \n-   **FieldElt** *(User Input \u0026 User Select Elements)*  \n-   **FootElt** *(Footer Element)*  \n-   **ListElt** *(List Element)*  \n-   **MediaElt** *(Audio, Image, Quote \u0026 Video Elements)*  \n-   **NavElt** *(Navbar \u0026 Sidebar Elements)*  \n-   **SliderElt** *(Slider Element)*  \n-   **TableElt** *(Table Element)*  \n\nSetters Components :  \n-   **ArticleSet** *(Article Setter)*  \n-   **GallerySet** *(Gallery Setter)*  \n-   **ImageSet** *(Image Setter)*  \n-   **LinkSet** *(Link Setter)*  \n-   **OrderSet** *(Order Setter)*  \n-   **ProductSet** *(Product Setter)*  \n-   **ProjectSet** *(Project Setter)*  \n-   **UserSet** *(User Setter)*  \n\nMain Views :  \n-   **HomeView** *(Home)*  \n-   **ContactView** *(Contact)*  \n-   **LegalView** *(Legal notice)*  \n-   **LoginView** *(Sign in, Sign up, Forgot password)*  \n-   **ProfileView** *(User profile)*  \n-   **ErrorView** *(Error)*  \n\nData Views :  \n-   **BlogView** *(Blog with articles list)*  \n-   **ArticleView** *(Article of the blog)*  \n-   **PortfolioView** *(Portfolio of projects)*\n-   **ShopView** *(Shop with products list)*  \n-   **ProductView** *(Product of the shop)*  \n-   **BasketView** *(Basket \u0026 order process)*  \n-   **GalleryView** *(Galleries list)*  \n-   **ImageView** *(Images of a gallery)*  \n-   **LinkView** *(Links list)*  \n\nServices :  \n-   **Checkers** : checkRange(), checkRegex(), checkRole()  \n-   **Fetchers** : getData(), postData(), putData(), deleteData()  \n-   **Getters** : getCats(), getItemName(), getItemsByCat()  \n-   **Setters** : setError(), setGlobalMeta(), setMeta()  \n\n---\n\n## Documentation\n\nAvailable Demo :\n-   [**Animadio**](https://philippebeck.github.io/animadio)  \n\nAvailable Readme :  \n-   [**Animadio**](https://github.com/philippebeck/animadio)  \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphilippebeck%2Fvesan","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fphilippebeck%2Fvesan","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fphilippebeck%2Fvesan/lists"}