A recipe sharing web app with Django and React
Hana Belay

Hana Belay @earthcomfy

About: Backend Developer. Mainly Python and Django.

Joined:
Jun 10, 2020

A recipe sharing web app with Django and React

Publish Date: Jan 14 '22
48 9

Hello everyone. I've built a recipe sharing app using Django rest framework and React.js. This application has taught me a lot and wanted to share it with you guys.

Main technologies used for the project

  • Django, Django rest framework
  • React.js, Redux, TailwindCSS

Some of the features

  • JWT based user registration and login.
  • CRUD endpoints for recipes.
  • Like and bookmark feature.
  • Unit testing on the backend.
  • Documentation of the API using drf_spectacular which supports OAS3.

=> There are some things to be fixed on the frontend and other features will be added soon.

Screenshots and GIFs

Landing Page

Login Page

Quick View

Recipe Form

The frontend and backend are hosted separately on Netlify and Heroku respectively.

https://mesob-recipe.netlify.app/

You can test the endpoints here: https://recipe-backend-api.herokuapp.com/

If you like the project, give it a star on GitHub.

Link to GitHub repo:

Note: If you guys would like to see a tutorial on how some of the features are done, especially on the integration of Django and React, let me know in the comments section down below. I'll make sure to write a detailed article about the topic.

Any suggestions and feedbacks are welcome.

Thanks for your time.

Comments 9 total

  • Toseef Hasan
    Toseef HasanJan 18, 2022

    @earthcomfy can you share the tutorial too?

    • Hana Belay
      Hana BelayJan 19, 2022

      Hey, I've not written a tutorial yet.

  • manny22isaac
    manny22isaacAug 20, 2022

    this is great thanks!
    Also what did you use as your database?

    • Hana Belay
      Hana BelayAug 20, 2022

      Thanks, glad you enjoyed it.

      I used PostgreSQL

      • manny22isaac
        manny22isaacAug 20, 2022

        No problem I'm looking forward towards your tutorial!

  • Israa Salameh
    Israa SalamehApr 12, 2023

    Hello, I think this is wonderful, please if you could write a tutorial

    • Hana Belay
      Hana BelayApr 28, 2023

      Thank you very much. Unfortunately I haven't written a tutorial for this specific project yet. However, I have a couple of other articles that use most of the concepts that are included in this project. For example, check out this article for using JWT authentication with DRF and building a blog API dev.to/documatic/build-a-blog-api-... and many more in my profile.

  • Jurella
    JurellaApr 28, 2023

    Would be awesome to see a tutorial. I wanna do sth going in the direction with a recipe application for my bachelor thesis

    • Hana Belay
      Hana BelayApr 28, 2023

      Hi, unfortunately I haven't written a tutorial for this specific project yet. However, I have a couple of other articles that use most of the concepts that are included in this project. For example, check out this article for using JWT authentication with DRF and building a blog API dev.to/documatic/build-a-blog-api-... and many more in my profile. Thanks!

Add comment