zyzle / base Goto Github PK
View Code? Open in Web Editor NEWAn Angular/ngrx/Firebase driven snippets and bookmarking site
Home Page: https://zyzle.github.io/base
License: MIT License
An Angular/ngrx/Firebase driven snippets and bookmarking site
Home Page: https://zyzle.github.io/base
License: MIT License
Display a selected Snippet to the user giving complete information on it
as with unit tests we need some proper end 2 end tests with the snippets pages
Once the functionality is there should look at styling the snippets section. This includes form controls that currently lack angular2 material components so may be blocked by the changes to that project
The angular-cli team have recently moved to webpack. This project should update to the new version. Bit of a blocker right now as the angularfire2 and highlightjs projects don't seem to play well with this new module loader
Given the new module system of ng2 the Snippets part of the app should become a dedicated NgModule
Given discussions elsewhere it seems like having shims in the bundle is probably a bad idea. They should be in <script>
tags instead.
To remove:
This epic will contain all tickets related to the Snippets part of the app
As of the angular rc5 update it seems we can no longer load highlightjs the way we did before, for now I've switched to a CDN but would much prefer to do our own custom build
Seems like the "correct" way to handle building/bundling applications for ng2 involve using es6 modules and these related tools. Just need to figure out the hows and whys.
should have a dedicated login page that users can be redirected too if an attempt is made to access a guarded route when the user is not authenticated
This is used in a couple of services but is not actually required as it's used by Dart only
Would be nice to add The icon for the Language Admin make the screen less boring
Need to construct the child routes for the Snippet display.
Something like:
/snippets/
/snippets/:id
/snippets/:id/edit
Should provide an in-app way to remove snippets. Either a control on the list screen or part of admin.
Also a way to undo a delete would be helpful
Right now only firebase SDK 2 is supported by AngularFire2, once this gets updated to the 3.0 version it can be moved over to the real firebase (will possibly migrate data may start fresh)
Document below contains information on the new forms components in ng2 as of rc2 should update to use these.
https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub
Right now there are no restrictions on which routes can be accessed by unauthenticated users. There's no security issue because of the restrictions on Firebase but it would be a better user experience if the routes were impossible to activate without the user being authenticated.
This is caused largely by the current state of the angular rc router will keep a close eye on developments regarding this and hopefully this can be worked on.
Other possibilities include the ui-router or ngrx router 3rd party routers, for now I'd rather stick to Angular's own system.
Right now this is a bit messy, it doesn't look too great with the delete icons trailing underneath or the deletion candidates looking so different from the rest of the list. Some of this is limitations in the material components but should try and fix
Right now the Angular 2 router is being revised, once there are some concrete examples of this in the wild application routing will be switched over.
Idea for the homepage, maybe a card showing the 5 most recently added or scored snippets?
Right now the highlight directive gets called too often, this is caused by the inclusion of the ngAfterViewChecked
method which was needed to compensate for the snippet redrawing after the usefulness counter is incremented
With the implementation of the deletion/restoration system Snippets may become out of order, should implement a pipe to order them in the display by either created or last updated date
Right now there are no tests in this what so ever. Need to add some
Need to implement the search feature since the control is already there. Maybe a filter pipe on the snippet list?
Right now all styling is in a single monolithic app-theme.html
this isn't ideal. The problem is polymer style mixins cant be used with angular's styles
view metadata
Might be a good idea to add bookmarks to the site. Shouldn't be all that different from snippets, just a link and some metadata. May be cool to add a bookmarklet or browser extension with this.
right now anyone can access admin, should limit to particular users only
Should display a list of all snippets available on the site. This should show; Title, Description, Language, Date Added, Last Edit?, and Score
no longer need to use provide
from @angular/core
should upgrade to simplified syntax
There seems to be an issue with angular-cli's --prod
mode when using AMD modules (such as highlight js) hopefully this issue with the bundler will be resolved in beta 6
Need the ability to add new snippets to the database.
Have a look at using the material design overlay feature for this component as it seems to be a set of helpers for doing exactly what I'm trying to achieve with the current iffy css rules
Add the usefulness counter to snippets
Would be good to allow users to make an information page about themselves with a few things that don't necessarily come from the firebase auth token
Right now I've got branches for both highlightjs and prismjs proof of concept directives. Need to decide which one to use.
PrismJS + its plugins are definitely more feature rich than highlightjs so far however I've struggled to make it work.
HighlightJS doesn't have as many features but was relatively simple to get working in a directive.
Right now there is very little in the way of proper unit testing for the snippet components should add some. Also see if coverage report generation is possible (there are several open tickets relating to this and angular2)
Right now tokens are simply pushed to local storage, this is far from ideal. Implement alternate way of handling this.
should probably do this as a component in the details screen that can be switched to
Right now we only have one snippets list which contains not only the metadata but the complete snippet listing. This should be split out into meta-data only list for simple quick access and the complete list for full operations.
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.