Giter Club home page Giter Club logo

awesome_recipes's Introduction

awesome_recipes

Recipe web app developed using React/Redux for frontend, and Django rest framework for backend api.

Requirements

  • Python 3.10
  • virtualenv
  • Node ^v16.16.0

Install project dependencies

create virtualenv

virtualenv recipe
source recipe/bin/activate
pip install -r awesome_recipes/requirements.txt

Install node modules

cd awesome_recipes
npm install 

Database

I have used SQLite database which is included in the root. If you want to use a different database then update the settings.py and execute the following command to create tables.

python manage.py migrate

Running locally

cd awesome_recipes
python manage.py runserver

If everything goes smooth the site will be up at http://127.0.0.1:8000/

Django Unit testing

python manage.py test

Frontend testing

yarn test

Local frontend development

The app uses compiled 'app/index.js' file. If you want to make any React code change you need to run the below command to see the changes in the app.

npm install --global yarn
yarn serve

yarn serve command will build the React code. Files are watched, and it will recompile automatically after any code change.

API Endpoints used by frontend

[GET, POST, PUT, PATCH, DELETE] /api/categories/
[GET, POST, PUT, PATCH, DELETE] /api/recipes/
[GET] /api/recipe_categories/
[GET, POST, PUT, PATCH, DELETE] /api/ingredients/
[GET, POST, PUT, PATCH, DELETE] /api/instructions/

Screenshots

screenshot1 screenshot2 screenshot3 screenshot4

awesome_recipes's People

Contributors

ask5 avatar

Watchers

 avatar  avatar

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.