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

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

Home Page

Image Upload

Image Editor Filters apply

Image Editor