Giter Site home page Giter Site logo

hamzahdili2001 / recipy Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 1.92 MB

A Recipe platform using Django and Vue

License: MIT License

HTML 0.30% Vue 47.60% JavaScript 10.32% Python 40.57% CSS 1.21%
alx alx-africa alx-curriculum api axios-vue backend django django-application django-rest-framework frontend python3 recipe-app recipe-website recipes vue vuejs vuetify alx-morocco morocco mysql-database

recipy's Introduction

Recipy Website README

This README provides an overview and instructions for setting up and running a recipe website developed using Django for the backend, Vue.js with Vuetify for the frontend, and MySQL for the database. The website includes a Recipe API to manage recipes.

Table of Contents

Features

  • User registration and authentication system.
  • Browse, search, and filter recipes based on various criteria (e.g., category, ingredients).
  • Create, read, update, and delete recipes.
  • Rate and review recipes.
  • User profile management.
  • API endpoints for recipe data manipulation.

Requirements

  • Python
  • Django
  • django-rest-framework
  • Vue.js
  • Vuetify
  • MySQL more in the requirements.txt

Installation

  1. Clone the repository:

    git clone [https://github.com/your-username/recipe-website.git](https://github.com/hamzahdili2001/Recipy.git)
  2. Navigate to the project directory:

    cd Recipy
  3. Backend setup:

    cd backend
    • Install Python dependencies:

      pip install -r requirements.txt
    • Migrate the database:

      python manage.py migrate
  4. Frontend setup:

    cd ../frontend
    • Install Node.js dependencies:

      npm install
  5. Database setup:

    • Create a MySQL database for the project.
    • Update the database configuration in backend/settings.py.
  6. Start the backend server:

    python manage.py runserver
  7. Start the frontend server:

    npm run dev
  8. Access the website:

    Open your web browser and go to http://localhost:3000.

Configuration

  • Backend:

    • Modify backend/settings.py to configure database settings, secret key, allowed hosts, etc.
  • Frontend:

    • Modify frontend/src/config.js to configure API endpoints, base URL, etc.

Usage

  • Register a new account or login with existing credentials.
  • Browse through recipes, search for specific recipes, or filter them by categories, ingredients, etc.
  • View recipe details, including ingredients, instructions, ratings, and reviews.
  • Create new recipes, edit or delete existing ones.
  • like and comment recipes.
  • Manage user profile settings.

recipy's People

Contributors

hamzahdili2001 avatar mrsakine avatar

Stargazers

 avatar Olawale Isaac avatar safeya yasien avatar  avatar

Watchers

 avatar

Forkers

mrsakine

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.