kristenburgess25/kbaked

kbaked's Issues

Pagination broken

Pagination/styling is not working as it should... the last 3 articles were appearing on the first page, clicking to second page of pagination showed all 14 items a second time. Styling was messed up on last 3 items.

Move all images to Imgur

On Subscribe module, set success message and reset text field AFTER success comes back from Firebase

Set up routing to individual recipes

Remove Vue icon from browser tab

Optimize images

Images are too large and take way too long to load, especially on a device with slower connection.

Filter by tags

Users should be able to see all recipes grouped that fall under a certain tag- like "cookies," "bread," "keto," etc.

In-line links to other recipes

Some recipes have references to other recipes in them and should be linked in-line.

• Apple pie recipe link to pie dough recipe
• Key lime pie bar recipe link to shortbread crust

Hide "Notes" subheading on recipes when there are no notes

Comments section on recipes

• User should be able to leave a comment on a recipe
• Decide if user needs to be logged in or can comment as guest
• Comment can be listed as "question" or "comment"
• Comment includes user name and optional location ?
• Comments should be stored as an array that is an attribute on a recipe object
• Comment object within the array should be structured as follows :
  { name: "name", location: "Nebraska", comment: "the content of the comment", rating: 5 }

Fix 'Subscribe' button appearance on mobile

In mobile view, there is no space between email text input and subscribe button.
Trying to add margin to either element is not working/is being overwritten by Vuetify styles (I think.)

Make error message reusable component

Make error messages reusable component that accepts message props.
Only current use of error message is in Subscribe module.

Recipe doesn't always start at top of page

When navigating from Home to a Recipe, the initial view of the page is scrolled to wherever the scroller was in the Home view.

Add User functionality

Using Firebase for database and for sign-in, user should be able to:

• create an account (username/email, password, display name)
• save recipes
• rate recipes
• comment on recipes

Move firebase config to separate js file in root of project, not to be committed

Recipe data not present on page refresh

Since clicking a recipe from the feed on Home is what triggers the selected article data to be sent to the store, when there is a refresh, that data is no longer present in the store. The data needs to be loaded from the route or made to persist in the store even through a refresh.

Media queries for recipe images

Images need to be optimized for different screen sizes. It's not horrible the way it is now, but could be better.

Allow users to submit recipes

This will be a large feature where similar to submitting comments, users can submit recipes. These will not be immediately posted but will be sent to me for review.

Send email to myself when I have a new subscriber

Move articles to vuex store.

Rating/Review feature

• Allow users to rate recipes
• Ratings between 1 and 5 stars/cookies
• Ratings should be stored as an array that is part of a recipe object.
• Each time a new rating is given to a recipe, it is added to the rating array, and a new average rating is calculated.
• "average rating" should added as an attribute on a "recipe" object

Subscription feature

• User can enter email address to subscribe to updates from KLC
• User submission of email will add them to "subscriptions" in Firebase DB
• A "subscription" object in the "subscriptions" array should be structured as follows:
  { email: "[email protected]" , date: "timestamp of subscription"}

Set up search functionality

Search should return results where recipe title or tags match any part of search string.

Refactor how vuex gets recipe collection for each category

There has to be a more dynamic way than what I'm doing. Also need to allow for more categories.

Email validation when subscribing

Confirmation message on subscribe when success from server

Currently, user gets subscription confirmation message after clicking 'subscribe' as long as email passes validaton.

Need to update so that confirmation is given after success returned from Firebase.

Create separate route for About