Frango
Django and Gulp - Frango, a FRontend and backend djANGO project template
Overview
Frango is a project template for frontend and backend development using Django. It separates frontend and backend code by using Gulp to automate frontend tasks. This allows frontend developers to work in a familiar environment while using Django as the backend framework. Frango also includes a Django frontend app with several features to support development.
Features
- Gulp automation: Frango uses Gulp to automate frontend tasks such as compiling Sass files, writing ES6 code with Babel, adding vendor prefixes, minifying CSS and JavaScript, optimizing images, generating sourcemaps, and more.
- BrowserSync integration: Frango automatically updates the browser whenever changes occur in the frontend code.
- Django frontend app: Frango includes a Django frontend app with management commands to run the development server and manage a BrowserSync process. It also provides helpful template tags.
- Easy installation: Frango requires NodeJS, NPM, Bower, and Gulp as system dependencies, and provides instructions for installing them.
Summary
Frango is a project template that separates frontend and backend development using Gulp as the frontend automation tool. It includes a Django frontend app and provides helpful features for frontend developers working with Django as the backend framework. Frango is easy to install and includes default Gulp tasks for automating frontend processes.
- Django
Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- 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.