Frickle

screenshot of Frickle
angular
express

Boilerplate App for building Apps with Mongoose, SASS, Angular, Gulp, Browserify and Express.

Overview

Frickle is a boilerplate application designed for developers looking to create applications using a powerful stack that includes Mongoose, SASS, Angular, Gulp, Browserify, and Express. With a seamless installation process and a sensible default configuration, Frickle provides a solid foundation to kickstart your project and ensures that you can focus more on building features rather than setting up complex integrations.

One of its standout features is its use of Browserify for efficient client-side code management, coupled with a set of tools like Gulp for task automation and SASS for CSS preprocessing. The structured setup with routes, controllers, and models makes it easy for developers to get a grip on the framework almost instantly, paving the way for smooth development workflows.

Features

  • Easy Installation: Just clone the repository, run the installation commands, and you're ready to go.
  • Browserify Integration: Efficiently bundles your client code, making it easy to manage dependencies and streamline the build process.
  • HTML5 PushState Routing: Utilizes $stateProvider for modern, browser history-friendly routing.
  • SASS Preprocessing: Write clean, organized CSS using SASS, allowing for variables, nesting, and other advanced features.
  • Gulp Build Tool: Automates common tasks like compiling SASS, cleaning the build folder, and running code linting to maintain code quality.
  • Modular API Structure: Easily set up your API with automated loading of models and routes, allowing for quick backend development.
  • Included Example Components: Comes with a sample controller, service, directive, and states to help understand how everything fits together.
  • Configuration Files: Includes both .editorConfig and .jshintrc files to promote team standards and coding best practices.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.