GithubHelp home page GithubHelp logo

danroth27 / bestforyourecipes Goto Github PK

View Code? Open in Web Editor NEW
138.0 12.0 57.0 81.5 MB

Best For You recipes site in Blazor

License: MIT License

HTML 36.36% C# 42.47% CSS 19.55% JavaScript 1.62%
blazor dotnet aspnetcore

bestforyourecipes's Introduction

Best For You recipes

Best For You recipes site in Blazor.

  • Search with debouncing
  • Reusable star ratings components

image

bestforyourecipes's People

Contributors

danroth27 avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bestforyourecipes's Issues

Star rating stars doesn't fill

Repro steps:

  • Run the app, browse to a recipe and submit a review

Expected result:

  • Star ratings should be filled with 1-5 stars depending on review value

Actual result:

  • Stars are always 'not-filled'

My code is copied from the main branch to ensure I don't have any wonky configurations.

{
  "rating": 5,
  "text": "Super tasty soup and so easy to make! This is a perfect weeknight dinner."
},
{
  "rating": 4,
  "text": "This was an easy meal and pretty tasty."
},
{
  "rating": 5,
  "text": "One of my favorties!"
}

image

Fix null ref when hitting Enter to add an ingredient using the IngredientListEditor

When hitting Enter to add an ingredient:

Uncaught TypeError: Cannot read properties of null (reading 'click')
    at HTMLDivElement.onkeypress (submit:1:136)
<div onkeypress="@onEnterClickNextButton">
    <InputText placeholder="Example: 350g flour" @bind-Value="@newIngredientText" />
    <button type="button" @onclick="AddIngredient">Add</button>
</div>
string onEnterClickNextButton = "if (event.code === 'Enter') { event.preventDefault(); event.target.dispatchEvent(new Event('change')); event.target.nextElementSibling.click(); }";

Where is the version you demoed on YouTube

Hello Daniel

Do you know where I can find the version of the BestForYouRecipes project that you demonstrated in your Build 2023 Demo Sessions YouTube video. The version that you demoed had more features that this version here.

{For Mr. Roth}

Mr. Roth,

I'm a BYU student and came cross one of your patents recently. I would love to talk to you about it if you're free. (816) 726-9782.

Git tag commits for preview releases

Perhaps till we reach RC releases, for the dotnet8 branch, if you can tag the commit with the preview version, it would help us clone the codebase that matches with the latest dotnet SDK public releases

image

As a workaround, had to hunt for the commit before the preview 7 version.

image

On the other hand, looking forward to the autorender feature in 7 ๐Ÿ˜Š

Star rating review doesn't reset to no stars after submitting a review

Repro steps:

  • Run the app, browse to a recipe and submit a review

Expected result:

  • The review is successfully submitted
  • Scroll position is preserved
  • Star review widget resets to no stars

Actual result:

  • Star review widget shows the same number of stars that was submitted for the earlier review.

image

It looks like the DOM is correctly updated, but the CSS styles just aren't getting reapplied:

image

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.