Git Product home page Git Product logo

recipe-app-drf-vue's People

Contributors

aalug avatar

Watchers

 avatar  avatar

recipe-app-drf-vue's Issues

Handle updating user's profile info

Handle updating the user's profile information. Create another function in the users store, that will send PUT or PATCH requests depending on the fact that all user details are supposed to be updated or not.

Create a function to get token, headers

Create a function in @/store/users.ts to retrieve tokens and headers. The function should get the token from local storage and return the headers. This will help to avoid duplicating code and to retrieve the token from local storage and create headers each time a request is made.

Add camelCase option

Add Django REST Framework JSON CamelCase so the API will be able to receive and send data in camel case format. It will ensure that the language style conventions are kept (python snake case, JS/TS camelCase).

Create a login dialog

Create a login dialog, not the entire page, just the dialog that will appear after clicking the 'login' button.

Add corsheaders

Add django-cors-headers so the frontend can make requests.

Create 'add to favorites' feature

Create 'add to favorites' feature. Users should be albo to add a recipe to favorites and view all recipes that are in that list. This list might be a v-menu that will pop up after clicking a button in app bar.

Create register dialog

Create a register dialog, not the entire page, just the dialog that will appear after clicking the 'register' button.

Handle updating recipes

Handle updating recipes. There should be option, in recipe details, to edit it. After clicking on edit user should be redirected the the same form as when creating a new recipe but this time fields should be pre-filled with the recipe's existing details. After submitting the form, program will validate the data the same way as in creaging a recipe but instead of sending POST request, will send PATCH to update the recipe.

Handle 'not loggedin' cases

Handle cases when the user is not logged in. When that is the case, display the page normally, but do not allow to perform actions that require sending request. So for example. user can see the 'add reci[e form' but cannot submit it.

DRF Cors headers error

Fix the error with the cors headers. The way it is set up now, requests cannot be sent every time.

Add show recipe details

Add feature to show recipe details. After clicking on the button on the recipe card, should pop up a dialog with all details of the given recipe.

Scrolling up after creating a new recipe problem

After creating a recipe for the second time (and more) in a row, the scrolling up does not work. Each time a recipe is created, the user should see the success alert, but the scroll-up works only one time for a page refresh.

Add option to delete more than one tag and ingredient at a time

Add option to delete more than one tag and ingredient at a time. Users should be able to choose an option to delete multiple recipe attributes. After choosing that option, a delete button should show up and from now on clicking on a tag or ingredient should add it to the array. After clicking that delete button, confirmation dialog should pop up and if the user clicks on ok all attributes that are in the array should be deleted.

Add ChatGPT API to Vue app for recipe creation

In a new branch, add the ChatGPT API to the Vue app. The purpose of this API is to help users find ideas for new dishes and create recipes with ease. It should cover all aspects of recipe creation.

Users should be able to open a dialog in the CreateRecipe view where ChatGPT will assist them. Additionally, there should be a separate page dedicated to conversing with ChatGPT about recipes.

Handle login (VUE)

Handle logging in. After making a POST request with the correct credentials, the server will return a token. Store this token in local storage; it will later be used to authenticate the user.

Handle creating a new recipe

Handle creating a new recipe by making a POST request to the /api/recipe/recipes/. At the same time, this will handle creating tags and ingredients.

Handle editing and deleting tags and ingredients.

Handle editing and deleting tags and ingredients.
Create a view where all tags and ingredients are displayed. After clicking on one of them, show a dialog that will give the option to update the name of a recipe attribute and to delete it. After choosing delete, there should pop up a confirmation dialog.

Handle deleting a recipe

Handle deleting a recipe. There should be a button in the recipe detail;s to do it. After clicking it the confirmation dialog should pop up and depending on the answer, delete the recipe or cancel.

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.