<prompt> Unda programu kamili ya wavuti kwa kutumia React na Django inayoonyesha orodha ya bidhaa zinazoletwa kutoka kwa API ya mbali. Watumiaji wanapaswa kuwa na uwezo wa kuongeza bidhaa kwenye toroli ya ununuzi, kutazama jumla ya gharama na kuwasilisha agizo. Tekeleza uthibitishaji wa mtumiaji na historia ya agizo la duka katika hifadhidata ya PostgreSQL.  <response>: Ili kuunda programu kamili ya wavuti kwa kutumia React na Django, fuata hatua hizi:1. Weka mazingira ya maendeleoSakinisha Python, Node.js, na PostgreSQL kwenye mfumo wako ikiwa bado hujafanya hivyo.2. Unda mradi mpya wa DjangoFungua terminal na uendeshe amri zifuatazo ili kusakinisha Django na kuanza mradi mpya:bomba kufunga djangodjango-admin startproject my_projectcd mradi_wangu3. Sanidi hifadhidata ya PostgreSQLHariri my_projectsettings.py ili kusanidi hifadhidata ya PostgreSQL: chatuHABARI chaguo-msingi: ENGINE: django.db.backends.postgresql, NAME: database_yangu, USER: mtumiaji_wangu, PASSWORD: nenosiri_langu, HOST: mwenyeji wa ndani, bandari: , Tekeleza amri ifuatayo ili kusakinisha kifurushi kinachohitajika kwa PostgreSQL:bomba kufunga psycopg2-binary4. Unda programu ya DjangoTekeleza amri ifuatayo ili kuunda programu mpya ya Django inayoitwa duka:duka la python manage.py startapp5. Sakinisha mfumo wa Django RESTTumia amri ifuatayo ili kusakinisha mfumo wa Django REST:bomba kufunga djangorestframeworkOngeza rest_framework kwenye orodha ya ALLED_APPS katika my_projectsettings.py.6. Tekeleza uthibitishaji wa mtumiajiKatika shopmodels.py, tengeneza kielelezo maalum cha mtumiaji ambacho kinarithi kutoka kwa AbstractUser: chatukutoka kwa django.contrib.auth.models huleta AbstractUserdarasa la Mtumiaji Mteja AbstractUser: kupitaSasisha my_projectsettings.py ili kutumia modeli maalum ya mtumiaji: chatuAUTH_USER_MODEL shop.CustomUser7. Unda viboreshaji na mionekano ya APIKatika shopserializers.py, unda viboreshaji vya bidhaa na agiza miundo: chatukutoka kwa rest_framework kuagiza serializakutoka kwa .modeli huagiza Bidhaa, Agizoclass ProductSerializerserializers.ModelSerializer: darasa la Meta: mfano Bidhaa mashamba __all__darasa OrderSerializerserializers.ModelSerializer: darasa la Meta: mfano Amri mashamba __all__Katika shopviews.py, tengeneza maoni ya API: chatukutoka kwa rest_framework import genericskutoka kwa .modeli huagiza Bidhaa, Agizokutoka .serializers kuagiza ProductSerializer, OrderSerializerclass ProductListgenerics.ListCreateAPIView: queryset Product.objects.all serializer_class ProductSerializerdarasa OrderListgenerics.ListCreateAPIView: queryset Order.objects.all serializer_class OrderSerializer8. Sanidi URL za APIKatika shopurls.py, weka ruwaza za URL za API: chatukutoka kwa django.urls njia ya kuingizakutoka kwa .views ingiza ProductList, OrderListurlpatterns pathbidhaa, ProductList.as_view, nameorodha ya bidhaa, pathorders, OrderList.as_view, nameorder-orodha,Jumuisha URL za programu katika my_projecturls.py: chatukutoka kwa msimamizi wa uingizaji wa django.contribkutoka kwa django.urls njia ya uingizaji, ni pamoja naurlpatterns pathadmin, admin.site.urls, pathapi, includeshop.urls,9. Unda programu ya ReactTekeleza amri zifuatazo ili kuunda programu mpya ya React na usakinishe vifurushi vinavyohitajika:npx create-react-app my_react_appcd my_react_appnpm sakinisha axios react-router-dom material-uicore material-uiikoni10. Tekeleza sehemu ya mbeleUnda vipengele vya kuonyesha bidhaa, kushughulikia uthibitishaji wa mtumiaji, kudhibiti rukwama ya ununuzi na kuwasilisha maagizo.Tumia Axios kuleta data kutoka kwa API ya Django na kusasisha hali ya vipengee vyako vya React ipasavyo.11. Weka maombiMara tu unapotekeleza vipengele vyote vinavyohitajika, tuma programu zako za Django na React kwenye seva ya wavuti.Kwa Django, zingatia kutumia Gunicorn au uWSGI kama seva ya programu na Nginx kwa kuhudumia faili tuli.Kwa React, tumia npm run build kuunda muundo wa uzalishaji wa programu yako na kuitumikia kwa kutumia seva ya wavuti kama vile Nginx au Apache.Ni hayo tu! Sasa una programu kamili ya wavuti inayotumia React na Django inayoonyesha bidhaa zinazoletwa kutoka kwa API ya mbali, inaruhusu watumiaji kuongeza bidhaa kwenye rukwama ya ununuzi, kutazama gharama zote, na kuwasilisha maagizo kwa uthibitishaji wa mtumiaji na historia ya agizo iliyohifadhiwa kwenye PostgreSQL. hifadhidata. 