Grillo
A front-end framework for developing web application
Install / Use
/learn @vconnect/GrilloREADME
Grillo Framework - A front-end framework for developing web applications.

Grillo is a front-end framework for developing web applications with a defined structure for organizing the various components that make up the project.
By calling it a front-end framework, it is not only just a framework containing HTML, CSS and JS files, but also one with a predefined set of tasks that are run by the Grunt build system. Grillo combines parts of frameworks, patterns and best practices to form a complete structure for creating web applications.
##Why Grillo? After looking through all the available frameworks at the time of developing Grillo, there was no particular way of developing frontend assets that supports old browsers like Opera Mini and Internet Explorer 8. Most of the available frameworks that initially supported them have now completely dropped support for these browsers. As much as that idea doesn't sound bad, a good number of users from developing countries like Nigeria still make use of these old browsers and cannot be ignored in the development of websites. That's the problem that Grillo attempts to solve by making the experience in those old browsers acceptable while still giving better experiences to modern browsers without bloating the code.
##Setting up the development environment To start development, you need to have a couple of tools installed on your system.
First of all, you need to get NodeJS on your system. After installing it, you would also have npm installed.
Once you’ve installed Node.js, you can make sure you’ve got the very most recent version of npm using npm itself by running the following command in the terminal:
sudo npm install npm -g
(on Windows, you can drop the “sudo” but you should run it as administrator).
Next you need to install Grunt. If you haven't used Grunt before, be sure to check out the Getting Started guide.
Install the CLI by running the following command: npm install -g grunt-cli. You may need to use sudo or install as an administrator.
Next you need to clone the git repository into a folder on your system.
git clone git@github.com:vconnect/grillo.git
cd grillo
Install the dependent node and grunt packages.
npm install
After this, you're all set to use the grunt system.
grunt
##Tests You can test the JavaScript components of the framework by running the following command:
grunt test
##Troubleshooting and Useful tools ...
##Contributors ...
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
##License See LICENSE file.
Related Skills
node-connect
351.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
110.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
351.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
351.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
