{"id":17086603,"url":"https://github.com/arl/spaghetto","last_synced_at":"2026-04-11T06:31:01.353Z","repository":{"id":138956006,"uuid":"36553323","full_name":"arl/spaghetto","owner":"arl","description":"Easily build modular single page webapps","archived":false,"fork":false,"pushed_at":"2015-07-12T09:42:59.000Z","size":2124,"stargazers_count":0,"open_issues_count":5,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-28T20:44:39.221Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-05-30T10:17:11.000Z","updated_at":"2015-10-19T12:44:18.000Z","dependencies_parsed_at":"2023-03-13T02:17:00.974Z","dependency_job_id":null,"html_url":"https://github.com/arl/spaghetto","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arl%2Fspaghetto","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arl%2Fspaghetto/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arl%2Fspaghetto/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arl%2Fspaghetto/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arl","download_url":"https://codeload.github.com/arl/spaghetto/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245119575,"owners_count":20563762,"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":[],"created_at":"2024-10-14T13:29:02.368Z","updated_at":"2025-12-30T23:31:49.579Z","avatar_url":"https://github.com/arl.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/aurelien-rainone/spaghetto\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/aurelien-rainone/artwork/master/spaghetto-l.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\n# Easily build modular single page webapps\n\n* [What is Spaghetto?](#what-is-spaghetto)\n* [How it Works?](#how-it-works)\n* [Install](#install)\n  * [Build the Example App...](#build-the-example-app)\n* [Live Example : not yet...](#live-example--not-yet)\n* [Spaghetto Documentation : not yet...](#spaghetto-documentation--not-yet)\n* [Generate your App Documentation : not yet...](#generate-your-app-documentation--not-yet)\n* [License](#license)\n\n\n\n## What is Spaghetto?\n\nBesides being the italian singular for spaghetti, Spaghetto is a framework that\nlets you build rich client-side applications composed of different\nsub-applications, or components, as called in Spaghetto.\n\nAlready configured and wired for you, so you can start coding instantly :\n - [AngularJS](http://angularjs.org/) for MVC, templating, and a lot more...\n - [AngularUI-Router](https://github.com/angular-ui/ui-router) for clear\n handling of your app states\n - [Bootstrap](http://getbootstrap.com/) for responsive components\n - [Gulp](http://gulpjs.com/) to build all\n - [Sass](http://sass-lang.com/) CSS compatible extension\n - [NgDocs](https://github.com/angular/angular.js/wiki/Writing-AngularJS-Documentation)\n to generate your app documentation\n - [JSHint](http://jshint.com/) and [JSCS](http://jscs.info/) for code quality and style\n - and more...\n\n\nBut Spaghetto is not just an assemblage of well-chosen libraries, it's also a\nlight framework with a simple API and comes to you with the main features\nyou'd except in a rich webapp :\n- a double [Bootstrap](http://getbootstrap.com/) navigation bar :\n  - with tabs to switch from one component to another\n  - each component has its own set of navigation items (drop-down menus,\n  search bar, etc.)\n  - responsive\n- local and session storage to save app and/or user data\n\n## How it Works?\n\n2 ways to use Spaghetto : \n  - use yeoman generator-spaghetto to have just the needed, opimized files and\nbuild-process: not available yet ;-)\n  - or, clone/fork this repository and start to hack\n\nAnything you choose, spaghetto comes with an example component .\n\nA Spaghetto component is self-contained, all files needed to build it (html\ntemplates, js scripts and css/sass stylesheets) reside in one directory,\norganized as you prefer.\n\nYou develop a component as a stand-alone webapp.\n\nA component underlying state -made of controller(s) and view(s)- is instantiated\nwhen the component is displayed, and destroyed when the component tab is closed.\nLocal/session storage take care of the component data that needs to be kept.\n\nIn one command '''gulp build''' : scripts and stylesheets are minified and concatenated : your app is built!\n\n\nAnd the list goes on, read the extensive documentation\n\nAll is done so you don't have to worry about setup and configuration and you can\nconcentrate on writing your application instead\n\n## Install\n\n  - install NodeJS\n  - install Spaghetto global dependencies :  \n  ```npm install -g bower gulp```\n  - clone repository :  \n  ```git clone\n  https://github.com/aurelien-rainone/spaghetto```\n  - change to spaghetto directory :  \n  ```cd spaghetto```\n  - install Spaghetto local dependencies :  \n  ```npm install```  \n  this should install npm **and** bower packages, but in case it would't you can type ```bower install```  \n\n#### Serve the Example App...\n\n  Once all is installed, type ```gulp serve-dev``` to serve the  spaghetto example app\n\n#### Build the example app####\n\n  Now ```gulp build``` will create a production build of the app in /build folder. Scripts and stylesheets are all concatenated and minified, images are compressed, etc.\n\n  Serve the production build by typing ```gulp serve-build``` or just serve the /build folder using your preferred server\n\n## Live Example : not yet...\n\n## Spaghetto Documentation : not yet...\n\n## Generate your App Documentation : not yet...\n\n## License\nSpaghetto is released under the MIT License. See the [LICENSE][license] file for further details.\n[license]: https://github.com/aurelien-rainone/spaghetto/blob/master/LICENSE\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farl%2Fspaghetto","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farl%2Fspaghetto","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farl%2Fspaghetto/lists"}