/pilxel

A photo Editor Built with Django and PILLOW

Primary LanguageJavaScript

PilXel - A mini-Photo Editor built with Django Rest framework and Reactjs

Build Status Coverage Status

Description

A Photo Editor that allow basic manipulation of images such as cropping, rotating, flipping and also the addition of filters to images, with functionality to enhance images.

Features
  • Create account or Sign in with Facebook
  • Manipulate Images - Flip, Mirror, Crop and Rotate
  • Enhance Image color, contrast, brightness and sharpness
  • Add 20+ available filters to images.
  • Share your images with your friends on Facebook
  • Download Images Edited with the application
  • Create Folders to organize images
Technologies Used
  • Language: Python && Javascript
  • Framework: Django
  • Database: PostgreSQL
  • Social Authentication: django-rest-auth
  • Image filtering: Pillow with PILImageFilters
  • Frontend framework: Reactjs with Redux

Installation

Clone the repo

git clone https://github.com/andela-aabdulwahab/pilxel.git

After cloning, create a virtual environment and install the requirements. For Linux and Mac users:

$ virtualenv venv
$ source venv/bin/activate
$ pip install -r requirements

If you are on Windows, then use the following commands instead:

$ virtualenv venv
$ venv\Scripts\activate
(venv) $ pip install -r requirements.txt

Perform migrations

python manage.py makemigrations
python manage.py migrate

Testing

To run the tests for the app, and see the coverage, run

python manage.py test

React Building

npm run bundle

Screen Shots

screen shot 2016-09-20 at 5 15 12 pm Home Page

screen shot 2016-09-20 at 5 16 13 pm Image Upload

screen shot 2016-09-20 at 5 20 04 pm Image Editor Filters apply

screen shot 2016-09-20 at 5 24 04 pm Image Editor