Amazon App

ازيكو يا اجمد مبرمجين ع الكوكب

اخر اعمالي زي ما قولت من كام يوم Amazon App

الموقع شبه امازون بنسبة تقريبا كدا 80% ال life cycle بتاعت الموقع كالتالي حضرتك بتخش هتلاقي منتجات هضيف منتج لسله براحتك هتروح لسله هتلاقي كل متجاتك ممكن تحذف اللي انت عايزه منهم قبل عملية الدفع تمام كدا انت متاكد حلو طبعا button ال checkout مش هيشتغل يبرنس عارف ليه هو انا مقولتلكش انت لازم تسجل الاول باميل google وبعد ماتخلص عملية التسجيل هتضيف المنتجات تاني وتروح على السله هتلاقي ال button بعد مكان لونه gray سبحان الله هيتحول ل yellow ? هتدوس عليه عملية الدفع هتخلص عن طريق المنصه الجامده اخر حاجه Stripe هدخل البيانات عادي وبعد ما تخلص هيرجعك لصفحه اسمها success هتروح من خلالها على صفحة المنتجات اللي انت اخدتها خلاص كدا

انا مستخدم اي بقا ?? بوص يا سيدي

1- Next.js ودي يمعلم عشان ال SSR ودا بيخلي الموقع سريع فشخ + كمان بتوفرلك مزاياه تانيه كتييير منها مثلا component Image ودا بيهندل الصور وبيخليها متحملش غير لما ال user يجي عندها وغيرها من المميزات 2- React.js ودي يمعلم معروف استخدمها اي

3- ال Redux ودي طبعا عشان ال state management

4- الجاحد tailwind ودا عشان ال Responsive ملحوظه انا مستخدمتش وﻻ كود css واحد في الموقع كله من خلال tailwind

5- ال Webhooks ودا عشان يعمل catch لل informations اللي في stripe checkout session قبل ما تروح على صفحة ال success وياخد ال infos دي ويوديها على ال database الخاصه بالعملاق Firebase

6- ال stripe ودي عشان ال payment process بتنهدلها وبتوريك المنتجات اللي انت اخدتها باسعار كل واحده فيهم والسعر الكلي

7- ال جميل جدا HeroIcons ودي عشان ال SVG Icons اللي انا مستخدمها في الموقع

8- التنين NextAuth ودا عشان ال authentication

9-- طبعا Firebase

دا لينك الموقع :

https://lnkd.in/d3DEybR

ودا لينك ال github

https://lnkd.in/dcBcuN9

تعديل :

انا ضفت ميزه ان مينفعش اضيف منتج قبل التسجيل ودي كانت نصيحه من بشمهندس محترم