Coder Social home page Coder Social logo

einargs / esca Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 0.0 422 KB

A simple project using angular, material design, and firebase to create a website for sharing and storing recipes.

License: MIT License

TypeScript 74.68% JavaScript 2.39% HTML 8.12% CSS 14.80%
angular material-design angular-material angularfire2 material-icons material

esca's People

Contributors

angular-cli avatar einargs avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

esca's Issues

Can't Build for Production

Currently, when trying to use ng build -prod, an error occurs. It can be avoided by not using the production option, but that isn't exactly a viable long-term solution. (Or even a solution at all.)

Recipe List Links

Currently, the links to each recipe shown in the recipe list don't take up the entire item. This means that on the top and bottom edges of each list item, you can click and get a ripple pattern but fail to navigate to the recipe's detail page.

FABs don't show on iOS

Floating Action Buttons fail to display on iOS (Safari and Chrome) but clicking the area where they should display still triggers the action.

Doesn't Work for Safari

The website currently doesn't work for Safari. It seems likely that this is because of the build target configuration.

Hamburger menu icon gets out of synch

The hamburger menu icon sometimes gets out of synch with the actual sidebar menu. One possible solution for this is to extract the controls for the menu into a separate service. Alternatively, I could rearrange the way the sidebar works so that it overlaps the hamburger menu icon. This would mean that I can just have a back arrow in the sidebar and not have to transform the icon state.

Mispositioned FABs

The Floating Action Buttons are currently mispositioned in the recipe detail view and recipe list view.

Tag filtering is case-sensitive

Currently, when adding or filtering by tags, the operation is case-sensitive. This makes handling tags much more difficult, and should be corrected.

Hard Coded Theming

Currently the menu toggle button in the app toolbar has some hardcoded coloring to get around the fact that there isn't a color select option on md-toggle-button like there is with the normal md-button directives.

This needs to be changed so that it instead uses a theme mixin.

Recipe Service Contains Utility Methods

The recipe service currently contains several utility methods like addTagTo and addIngredientTo that aren't related to providing recipes. This should be changed at some point, though it should likely wait until after a re-design of how tags and ingredients are handled so they don't use arrays.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.