27

أداة - مُعجمي - الجديدة من شركة صخر .. بُنيت باستخدام Nextjs و Tailwind و Context API

السلام عليكم ورحمة الله.

أطلقنا قبل مدة أداة معجمي المقدمة شركة صخر المعروفة، كلّفت ببنائها وانجازها، أعطوني الفكرة وصمّمتها من الصفر بدء من دراسة تجربة المستخدم والتي حرصت فيها على سهولة الاستخدام والبساطة والتجاوب التام لكل الأجهزة. أردت مشاركة فقرة قصيرة معكم حول تفاصيل بنائها.

ماهي أداة معجمي:

هي أداة واحدة واحد تبحث في جميع مشاريع صخر الحديثة (المعجم المعاصر الشامل - المعاجم التراثية - القاموس).

مراحل التصميم:

  1. ورقة وقلم للـ Sketching.

  2. تصميم wireframe عبر Sketch.

  3. اصدار النسخة الأولى من التصميم النهائي.

الصورة من الملف الذي عملت عليه (Pages)

مراحل البرمجة والتطوير:

  1. اخترت NextJs لأنها صارت المفضلة على قلبي بكل أمانة لا حاجة لـ create-react-app مجدداً وربما للأبد!

  2. اخترت Tailwind وصرت أفضّل CSS utility classes

  3. كل شئ مبني على API's.

  4. النشر المستمر عبر Github و Git طبعاً.

ربما سأبدء سلسلة عن قريب ببناء منتج من الصفر تماما معكم ومشاركة تفاصيل العمل باللحظة (Build in public). تابعني على النشرة البريدية ويمكنك قراءة تدويناتي أكثر بموقعي:


وعليكم السلام ورحمة الله وبركاته. جزاكم الله خيرا أخ عبد الهادي على المجهود الطيب. لدي ملاحظة هي لو ترفقون كل كلمة مترجمة بمصدرها، ظننت أن زر «المزيد» سيكون فيه المصدر لكني لم أجده.

العفو أخي الحبيب عاطف.

بالنسبة لأيقونة "المزيد" فهي تحوّلك لموقع المعجم المعاصر الذي يحوي التفاصيل كلّها (السمات اللغوية، التراكيب والمفردات…الخ).