rosa's People
rosa's Issues
Add recipe categories to subnav
break the nav into subs of categories that contain recipes
Style recipe listing
Currently everything is aligned left and its horrible.
Enable autocomplete for sections
ingredient sections should auto complete as typed and offer a "create new section" option. Think YNAB's payee field.
Ingredient Sections
Add "section" field to ingredient modal. This refers to the grocery store aisle/section.
Add ingredient "section"
This will allow the shopping list to group ingredients based on the grocery section.
shopping cart needs badge counter
clear search with a click
When searching for a recipe you have to backspace to clear search
Clear unused components
There is a lot of bloat from trial runs and testing ideas. I want to cull the meet bits back and get a clear picture of used components moving forward.
"Add Another" Ingredient does clear the form when moving focus.
Select box for recipes to be added to menu/shopping list
Recipe Categories
- Breakfast
- Lunch
- Dinner
- Snack
- Other
This will be used to order the listing of recipes
Delete Recipes
Implement Material IO
I want to have components all load and function within the Material IO spec.
Attach method objects to recipe objects
This should include
- adding and deleting the relationshipData objects
- tying into the existing modals
- listening for keystrokes
A lot (all?) of the functionality exists in the ingredient object
Create the shopping list object
Basically a collection of recipes that can list all the ingredients from all recipes.
Add pop up confirmation to add/delete of records.
This will affect recipe, method, and ingredient objects. Probably stands to reason that a reusable component may be the answer.
Add images to recipes
Add images to the recipe object
Needs a default/placeholder image.
Eventually this will serve to hold pics of the recipe taken via phone and saved to the app.
database refactor to store all data under each unique user id
Needs ability to show multiple toasts
Toasts should stack up the page
"Add Recipe" doesn't set focus
Add menus and grocery lists on the landing page
Landing is a great place for menus and shopping lists
Add nav to AppBar
search icon should reveal input field
General tidy
Refactor the components, helpers, and render()'s to be easier to read and more consistent with on another
Create the shopping list
Ingredients from all recipes on the list compiled into a list check list divided by grocery aisle/section. This list should store in the database referencing the user that created it. This way each user gets ONE list. Checking all the items off your list "completes" it and deletes it.
When a user checks an item from the list, it is hidden after a 3 sec delay. Hidden items can be restored.
Recipe checks for quick add to list
recipe list needs checkboxes. these can be toggled to add/remove recipe to/from the shopping list
Create new user
Delete Ingredients
createRecipe scrolls on iOS soft keyboard popup
Possible solution?
$(document).ready(function(){
$('input').bind('focus',function() {
$(window).scrollTop(10);
var keyboard_shown = $(window).scrollTop() > 0;
$(window).scrollTop(0);
$('#test').append(keyboard_shown?'keyboard ':'nokeyboard ');
});
});
FAB needs to link to creating a recipe
Delete Methods
create section database helper
New field needs new helps as well as a new relationship helper. Also the delete routines will need to account for this addition.
Recipe modal update
Recipe needs a new modal for view-only. This should have buttons for delete, edit, and "add to menu/shopping list"
Performance Caution
rosa/src/components/Firebase/firebase.js
Line 28 in 0c365ec
โ๏ธ This line triggers the caution
Use of navigator.sendBeacon instead of synchronous XMLHttpRequest during unload and pagehide improves user experience.
in my console. If I comment it out, the caution goes away.
Interestingly, line 30 users = () => this.db.ref('users');
does NOT trigger the caution.
I do not know what causes this.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.