/hybricam-complete

Mobile-browser camera app with Instagram-like filters made with Angular, WebRTC, Django, Django REST Framework.

Primary LanguagePythonOtherNOASSERTION

Hybricam Complete

Mobile-browser camera application developed with Angular, Django & Django REST. This project was developed on a clients need for a product event, where they need to retrieve customer information then allow the user to take a photo of the product and add filters to the picture then save or share the image. After the event the client then needs to extract the data.

DEMO

TODO:

  • Clean-up serviceworker and other PWA elements.
  • Package the 'serve' app.
  • Add more dynamic to API.
  • Clean code.
  • Refresh page after closing/canceling camera.
  • Optimize permissions for other browsers.
  • Consider celery
  • Idea to develop a scraper for any hashed share from user to display as a social feed at app root.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Django Framework
Django REST Framework
Angular@latest

Installing

I will give more in depth instructions as i continue to develop the project.

pip install -r requirements.txt

cd hybricam

npm install

Running the tests

For development you will need to run 2 localhosts in HTTPS.

Certificates includes in project

There is also a script in /hybricam/ssl/ to create your own certificates.

Django
Angular

Django : python manage.py runserver_plus 0.0.0.0:8000 --cert-file hybricam/ssl/example.crt

Angular : ng serve --host=0.0.0.0

Deployment

Use the environment variables and automated scripts to deploy. At the moment it is setup for Heroku.

Built With

Contributing

Open to contributions. Many hands make light work.

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • WebRTC