jaykan / angular2-instagram Goto Github PK
View Code? Open in Web Editor NEW:fire:Instagram like photo filter playground built with Angular2 (Web | Desktop)
Home Page: https://angular2-instagram.firebaseapp.com/
License: MIT License
:fire:Instagram like photo filter playground built with Angular2 (Web | Desktop)
Home Page: https://angular2-instagram.firebaseapp.com/
License: MIT License
Weโve made changes under to hood to what AOT generated code looks like. These changes reduce the size of the generated code for your components by around 60% in most cases. The more complex your templates are, the higher the savings. (See source)
Compare file sizes between Angular2 vs Angular4 in production mode.
Angular2 Summary Overview:
File | Development | Production |
---|---|---|
main.js |
4.42 MB | 1.05 MB |
polyfills.js |
571 kB | 107 kB |
styles |
18.7 kB | 14.1 kB |
index.html |
1.15 kB | 1.19 kB |
Angular4 Summary Overview:
File | Development | Production |
---|---|---|
main.js |
3.49 MB | 858 kB |
polyfills.js |
570 kB | 107 kB |
styles |
18.7 kB | 14.1 kB |
index.html |
1.15 kB | 1.21 kB |
Add contributor
Clean up unused dead code
Upon selecting a new image from Unsplash action, there should be a loading icon indicator on both photo and gallery components ideally:
Let me know what you think!
I think angular2-instagram-core
is at a good place to be integrated into this project. Let me know if you have any questions ๐
Description: A version2 gallery component that replaces existing gallery
component.
Features:
Swipe left/right touch gestures (Resource: http://hammerjs.github.io/, or some other ones, I'm up to new suggestions)
New gallery component should be responsive
After running electron:package
, a dist
version has been produced. How do other people download the desktop app? Do you happen to know? Also, does the current dist
version supports Mac
, Windows
and Linux
or only Mac
? If so, is there any way we can generate the Windows
and Linux
versions as well?
I think it's good to write up a separate documentation for this. Let me know what you think!
Let's keep track all electron
related integration questions here.
Please take a look at angular-seed-advanced (https://github.com/NathanWalker/angular-seed-advanced) project for electron
integration. Basically, we can follow the advanced-seed project similarly for Desktop
integration. Moving forward, we can also integrate Ionic2
, NativeScript
and etc.
Hi, it is actually a feature request.
If the desktop app can have an option to import a photo and export it back after applying filters in an easy way, then that would be nice :D
This is a fairly minor issue, but when you hit reload on the electron:prod
built, a blank screen is appearing.
Currently, when users select a preset image, the filters values are stay put, instead the filters values should be updated accordingly to the precomputed preset image, thus makes a smoother user interaction overall.
Clean up desktop section with clear download instruction
Here are two minor issues I've noticed:
Hide Presets
are no longer functioning, I believe this might be related to swiper.css since sliding up and down effect was controlled by flex css initially when I implemented it.
If you click select an image from Unsplash
button and select a new random picture, there needs some padding between the each gallery image initially. However, when you resize your browser, the padding appears to be there.
Update dependencies to Angular 5
When you click on the hide presets button the presets are hidden correctly, but the label doesn't change to show presets (or something similar)
To reproduce this issue, you would run electron:package
first, lets say I modify some code and would like to run electron:package
again, below message appears:
Either we have to remove dist/angular2-instagram-darwin-x64
or specify --overwrite
option to electron-package
during build.
Please document any findings or resources you've found for electron-builder
and electron-packager
. We can eventually move this to the new DOCUMENTATION file later.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.