jordanirabor/recipes_app

This is the repository for the tutorial that teaches how to set up a Universal application using Django and Nuxt.js

Introduction

This is the repository for a tutorial that teaches how to set up a server side rendered web application using Django and Nuxt.js.

Requirements

• Python3
• Pipenv
• Npm (or Yarn)

Running the application

1. Clone the project to your machine [git clone https://github.com/Jordanirabor/recipes_app]
2. Navigate into the diretory [cd recipes_app]
3. Source the virtual environment [pipenv shell]
4. Install the dependencies [pipenv install]
5. Navigate into the backend directory [cd api]
6. Start the backend server [python manage.py runserver]
7. Open up a new instance of the terminal (from the parent directory of the project) and navigate into the frontend directory [cd client]
8. Install dependencies [npm install]
9. Start the frontend development server [npm run dev]
10. Explore the server-side rendered application i.e create a new recipe on this address - [http://localhost:3000]

Built With

• Python - A programming language that lets you work quickly and integrate systems more effectively.
• Django - A high-level Python Web framework that encourages rapid development and clean, pragmatic design.
• Nuxt - Nuxt.js is a minimal framework for creating Vue.js applications with server side rendering, code-splitting, hot-reloading, static generation and more.

recipes_app's Issues

Can you explain please how to deploy ?

Picture Update Bug

Hi! Thanks for your tutorial.
I found an issue in edit form:

if (editedRecipe.picture.indexOf("http://") != -1) {
        delete editedRecipe["picture"];
}

occurs error, because picture is file object.

if (editedRecipe.picture.name.indexOf("http://") != -1) {
        delete editedRecipe["picture"];
}

Quick Fix.