{"id":19024910,"url":"https://github.com/sonujose/gulp-express-ng","last_synced_at":"2026-06-19T08:03:53.641Z","repository":{"id":115803827,"uuid":"74187215","full_name":"sonujose/gulp-express-ng","owner":"sonujose","description":"This is a light web solution using angularjs. It used gulp as build tool and express for building the api server. sass files are used for styling.","archived":false,"fork":false,"pushed_at":"2016-11-19T04:39:51.000Z","size":40,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-21T19:12:47.357Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sonujose.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-11-19T04:36:53.000Z","updated_at":"2017-05-20T06:16:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"815585e5-f044-4081-9434-3c21c7c8a29f","html_url":"https://github.com/sonujose/gulp-express-ng","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sonujose/gulp-express-ng","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Fgulp-express-ng","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Fgulp-express-ng/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Fgulp-express-ng/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Fgulp-express-ng/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonujose","download_url":"https://codeload.github.com/sonujose/gulp-express-ng/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Fgulp-express-ng/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34522042,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-19T02:00:06.005Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-11-08T20:39:31.159Z","updated_at":"2026-06-19T08:03:53.608Z","avatar_url":"https://github.com/sonujose.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AngularJS Node js full stack kit\n**(Gulp, Browserify, Sass)**  \n\nIt is a seed project for AngularJS web application which objects is:\n- Organize all assets with gulp browserify and sass;\n- Provide easy to use extensibility with npm or bower package managers;\n- Create mockup server for your application;\n- Give the basic folders and modules structure of angular application;\n\n## Installation\n\n1) Create a new folder for your project, and clone this repo inside it\n```\ngit clone https://github.com/sonujose/Angularjs-Nodejs-Express-Fullstack-solution.git\n```\n2) Add your own repository (*optionally*)\n```\nrm -rf .git \u0026\u0026 git init \u0026\u0026 git add . \u0026\u0026 git commit -m \"Init AngularJS Starter Kit\"\ngit remote add origin your_repository_here\ngit push origin master\n```\n3) Install bower if you don't have it already\n```\nnpm install --global bower\n```\n4) Install all npm and bower dependencies\n```\nnpm install\n```\n5) Install gulp if you don't have it already.\n```\nnpm install --global gulp\n```\n6) Run gulp\n```\ngulp\n```\n7) Wait untill gulp do its job, ahd when you'll see the `Server listening on port 9000` line go to `http://localhost:9000`  \n8) Congratulations, you've just setup your angular application!\n\n### Basic folder structure\nSome job for Captain Obvious\n```\nclient/           // Cleint side files\nnode_modules/     // Node Modules\nserver/           // Server side files\ngulpfile.js       // File with all gulp commands\nindex.html        // Basic page for angular project\n```\n\n### Client folder structure\n\n```\napp/          // Angular app files\nbuild/        // Minified concatenated assets generated by gulp\nstyles/       // Your general scss files which will includes in main entry for application scss\nvendor/       // Bower_components folder\nmain.js       // Main entry for angular app js\nmain.scss     // Main entry for application scss\nvendor.js     // Main entry for vendor js (you can require both node_modules and bower packages from it).\nvendor.scss   // Main entry for vendor css (if you have an external package with css or scss - include it here).\n```\n\n### Server Folder Structure\n```\ndata/         // Folder with mockup json data for server api\n  test.json     // Mockup json file whic will be returned to the client by server api\nlibs/         // Folder with server libs\n  loader.js     // Json files loader\nroutes.js     // Server routes\nserver.js     // Main server file which create and setup express application\n```\n## Usage\n####1) How do I start creating my own app  \nJust see angular folder structure comments and look at the existing components and shared modules.  \nIt'll give you the picture of overall application structure.  \nSo basically: you have main angular file `client/app.modules.js`. It contains your main app which requires `components` and `shared` modules. Components modules contains all single components of your application (like pages for example or single use directives), and shared module contains all elements of your app which will be shared across different parts of your application (like header, footer, or any reusable elements).  \nThe main point here is using modular structure so later you can just delete the folder with your module and it's gone from your app completely (with all its directives, services, styles and views). So yes, you must put all files related to the module in its own folder, even the scss.  \n####2) How can I style my app  \nFor styling you must use scss. The main entry for all your styles is `client/main.scss`, you can include in it all partials scss from your application. You must have two kinds of partial scss files.  \nFirst from `client/styles` folder - it'll contain scss partials with global styles for your app (settings, variables, mixins, forms, buttons, etc.).  \nAnd the second one - module partials: partials from different modules of your application (you can see one here `client/app/components/seed-help/_seed-help.scss`).  \n**note:** no need to write browser prefixes like `-webkit`, `-moz` or `-ms` it will be added automatically by `gulp-autoprefixer` for 2 latest versions of all major browsers (you can change this option in `gulpfile.js` - task `buildSass`).  \n####3) How can I install extension\nTo add an extension to your app you must install it either from `npm` or `bower`, then you just require it from `clinet/vendor.js`. \nIf this extension has its own styles you can just `@import` it from vendor.scss  \n**note:** if you want to import `.css` file create root-relative path for it `/client/vendor/..` or `/node_modules/..`  \n####4) How can I use mockup server  \nWhen you've run `gulp` you automatically start the node server with express.    \nIf you want to add your api route - just go to the `server/routes.js` and create one (use test route as example).  \nAdd json file to the `server/data/` folder and send it body in your new route with `dataLoader`, or just send whatever you want in your route.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonujose%2Fgulp-express-ng","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonujose%2Fgulp-express-ng","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonujose%2Fgulp-express-ng/lists"}