rosa's People
rosa's Issues
database refactor to store all data under each unique user id
Enable autocomplete for sections
ingredient sections should auto complete as typed and offer a "create new section" option. Think YNAB's payee field.
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.
Performance Caution
rosa/src/components/Firebase/firebase.js
Line 28 in 0c365ec
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.
Add images to recipes
Select box for recipes to be added to menu/shopping list
Implement Material IO
I want to have components all load and function within the Material IO spec.
General tidy
Refactor the components, helpers, and render()'s to be easier to read and more consistent with on another
"Add Another" Ingredient does clear the form when moving focus.
Style recipe listing
Currently everything is aligned left and its horrible.
Add ingredient "section"
This will allow the shopping list to group ingredients based on the grocery section.
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
clear search with a click
When searching for a recipe you have to backspace to clear search
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.
Add nav to AppBar
Recipe checks for quick add to list
recipe list needs checkboxes. these can be toggled to add/remove recipe to/from the shopping list
Delete Ingredients
"Add Recipe" doesn't set focus
Needs ability to show multiple toasts
Toasts should stack up the page
search icon should reveal input field
shopping cart needs badge counter
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.
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.
Ingredient Sections
Add "section" field to ingredient modal. This refers to the grocery store aisle/section.
Recipe Categories
- Breakfast
- Lunch
- Dinner
- Snack
- Other
This will be used to order the listing of recipes
Add recipe categories to subnav
break the nav into subs of categories that contain recipes
Delete Methods
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 ');
});
});
Recipe modal update
Recipe needs a new modal for view-only. This should have buttons for delete, edit, and "add to menu/shopping list"
Add menus and grocery lists on the landing page
Landing is a great place for menus and shopping lists
Create new user
Delete Recipes
Create the shopping list object
Basically a collection of recipes that can list all the ingredients from all recipes.
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.
FAB needs to link to creating a recipe
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.