DEV Community

Cover image for A recipe sharing web app with Django and React
Hana Belay
Hana Belay

Posted on

A recipe sharing web app with Django and React

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.

Top comments (9)

Collapse
 
isalameh95 profile image
Israa Salameh

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

Collapse
 
earthcomfy profile image
Hana Belay

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.

Collapse
 
jurella profile image
Jurella

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

Collapse
 
earthcomfy profile image
Hana Belay

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!

Collapse
 
manny22isaac profile image
manny22isaac • Edited

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

Collapse
 
earthcomfy profile image
Hana Belay

Thanks, glad you enjoyed it.

I used PostgreSQL

Collapse
 
manny22isaac profile image
manny22isaac

No problem I'm looking forward towards your tutorial!

Collapse
 
toseef_hasan profile image
Toseef hasan

@earthcomfy can you share the tutorial too?

Collapse
 
earthcomfy profile image
Hana Belay

Hey, I've not written a tutorial yet.