Giter Club home page Giter Club logo

recipe_app's People

Contributors

sbeckstrand avatar

Watchers

 avatar

recipe_app's Issues

QoL styling improvements

Some issues with the styling that hsould be addressed:

  • Inconsistent header sizes across pages
  • Header should have a larger margin between it and the nav
  • Login/Logout button should span the whole width of the dropdown on mobile/smaller screens
  • Instructions needs a larger margin between it and ingredients

Add QoL fields to Recipe model

Recipe app/form would benefit rom the following fields:

  • Servings (int)
  • Prep Time (json)
  • cook time (json)
    Should be non-required

Add Ingredient/instruction sections

Right now all ingredients and instructions are grouped together. We should update this to allow for creating separate sections if a recipe contains multiple pieces. For example, for a recipe for pies, we could have a separate ingredients and instructions section for Crust, Filling, Whipped topping, etc.

Containerize the application

Instead of requiring setting up the venv with needed packages and running the app, would make sense to add a docker file and allow for building a container with the application to run it in docker instead

Add Tags

As part of the recipe model, it would be a good idea to add tags so that during recipe creation you can add tags to a recipe and recipes can then be categorized by tags.

Add frontend Design

Focus doing bootstrapping was to make the application functional. I did load in bootstrap v5 but I will still need to update the templates to add some decent front-end design

Add authentication

Right now, the application does not have any form of authentication. Before running the application even within a local network, it would be a good idea to limit recipe creation to users who have authenticated. For our purposes, authenticating using built in Django auth will be sufficient.

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.