/cookiecutter-django-foundation

Fork of Cookiecutter Django based on Zurb Foundation 6 front-end framework

Primary LanguagePythonBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Cookiecutter Django Foundation

Build Status Updates

Cookiecutter Django Foundation is fork of awesome Cookiecutter Django. Powered by Cookiecutter, Cookiecutter Django is a framework for jumpstarting production-ready Django projects quickly. Cookiecutter Django Foundation uses the Zurb Foundation 6 as the front end framework. This project combines the Cookiecutter Django with the Foundation framework. The project contains a _settings.scss file to easily customize the default styling of the Foundation framework. For example, the default colors can be changed by changing the foundation-palette.

$foundation-palette: (
  primary: #2100e8,
  secondary: #777,
  success: #3adb76,
  warning: #ffae00,
  alert: #ec5840,
);

Foundation Django

For more information about Cookiecutter Django

Features

  • For Django 1.9
  • Renders Django projects with 100% starting test coverage
  • Zurb Foundation 6 with an option to customize using SASS variables (100% SASS).
  • 12-Factor based settings via django-environ
  • Compile Sass files using libsass via django-libsass.
  • Django Foundation Formtags to work with Zurb Foundation forms
  • Optimized development and production settings
  • Registration via django-allauth
  • Comes with custom user model ready to go
  • Grunt build for compass and livereload
  • Send emails via Anymail (using Mailgun by default, but switchable)
  • Media storage using Amazon S3
  • Docker support using docker-compose for development and production
  • Procfile for deploying to Heroku
  • Instructions for deploying to PythonAnywhere
  • Works with Python 2.7.x or 3.5.x
  • Run tests with unittest or py.test
  • Customizable PostgreSQL version

Optional Integrations

These features can be enabled during initial project setup.

  • Serve static files from Amazon S3 or Whitenoise
  • Configuration for Celery
  • Integration with MailHog for local email testing
  • Integration with Sentry for error logging
  • Integration with Opbeat for performance monitoring

Constraints

  • Only maintained 3rd party libraries are used.
  • Uses PostgreSQL everywhere (9.2+)
  • Environment variables for configuration (This won't work with Apache/mod_wsgi).

Usage

Let's pretend you want to create a Django project called "redditclone". Rather than using startproject and then editing the results to include your name, email, and various configuration issues that always get forgotten until the worst possible moment, get cookiecutter to do all the work.

First, get Cookiecutter. Trust me, it's awesome:

$ pip install cookiecutter

Now run it against this repo:

$ cookiecutter https://github.com/Parbhat/cookiecutter-django-foundation

You'll be prompted for some values. Provide them, then a Django project will be created for you.

Warning: After this point, change 'Daniel Greenfeld', 'pydanny', etc to your own information.

Answer the prompts with your own desired options. For example:

Cloning into 'cookiecutter-django-foundation'...
remote: Counting objects: 7618, done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 7618 (delta 1), reused 0 (delta 0), pack-reused 7610
Receiving objects: 100% (7618/7618), 3.34 MiB | 161.00 KiB/s, done.
Resolving deltas: 100% (4748/4748), done.
Checking connectivity... done.
project_name [Project Name]: Reddit Clone
project_slug [reddit_clone]: reddit
author_name [Daniel Roy Greenfeld]: Daniel Greenfeld
email [you@example.com]: pydanny@gmail.com
description [A short description of the project.]: A reddit clone.
domain_name [example.com]: myreddit.com
version [0.1.0]: 0.0.1
timezone [UTC]: America/Los_Angeles
use_whitenoise [y]: n
use_celery [n]: y
use_mailhog [n]: n
use_sentry_for_error_reporting [y]: y
use_opbeat [n]: y
use_pycharm [n]: y
windows [n]: n
use_python3 [y]: y
use_docker [y]: n
use_heroku [n]: y
Select postgresql_version:
1 - 9.5
2 - 9.4
3 - 9.3
4 - 9.2
Choose from 1, 2, 3, 4 [1]: 1
Select js_task_runner:
1 - Gulp
2 - Grunt
3 - Webpack
4 - None
Choose from 1, 2, 3, 4 [1]: 1
use_lets_encrypt [n]: n
Select open_source_license:
1 - MIT
2 - BSD
3 - GPLv3
4 - Apache Software License 2.0
5 - Not open source
Choose from 1, 2, 3, 4, 5 [1]: 1

Enter the project and take a look around:

$ cd reddit/
$ ls

Create a git repo and push it there:

$ git init
$ git add .
$ git commit -m "first awesome commit"
$ git remote add origin git@github.com:pydanny/redditclone.git
$ git push -u origin master

Now take a look at your repo. Don't forget to carefully look at the generated README. Awesome, right?

For local development, see the following:

Modify the default styles of Foundation

The projects generated with this cookiecutter include a settings file, named _settings.scss. You can find the settings file under <project_slug>/static/sass.

Every component includes a set of variables that modify core structural or visual styles. If there's something you can't customize with a variable, you can just write your own CSS to add it.

Here's an example set of settings variables. These change the default styling of buttons:

// Default padding for button.
$button-padding: 0.85em 1em !default;

// Default margin for button.
$button-margin: 0 $global-padding $global-padding 0 !default;

// Default fill for button. Is either solid or hollow.
$button-fill: solid !default;

// Default background color for button.
$button-background: $primary-color !default;

// Default hover background color for button.
$button-background-hover: scale-color($button-background, $lightness: -15%) !default;

// Default font color for button.
$button-font-color: #fff !default;

// Default alternative font color for button.
$button-font-color-alt: #000 !default;

// Default radius for button.
$button-radius: 0 !default;

// Default sizes for button.
$button-sizes: (
  tiny: 0.7,
  small: 0.8,
  medium: 1,
  large: 1.3,
) !default;

// Default font size for button.
$button-font-size: 0.9rem !default;

// Default opacity for a disabled button.
$button-opacity-disabled: 0.25 !default;

Contributing

Contributions are always welcome to improve this project. If you think you've found a bug or are interested in contributing fork this project and send the pull request. After review, your pull request will be merged. We are always happy to receive pull requests. If you identify any issue, please raise it in the issues section.