0
നിങ്ങളുടെ കാർട്ട്
0
Zinn Hub
0
നിങ്ങളുടെ കാർട്ട്
0

ഒറ്റനോട്ടത്തിൽ

നിങ്ങൾക്ക് തീരുമാനമെടുക്കാൻ സഹായിക്കുന്ന ഈ സേവനത്തെക്കുറിച്ചുള്ള പ്രധാന വിവരങ്ങൾ. Zinn Hub ആണ് ഇത് ഉണ്ടാക്കിയത്, വിൽപ്പനക്കാരനല്ല.

എന്താണ് ഡെലിവർ ചെയ്യുന്നത്

1 റിയാക്റ്റ് + ടെയിൽവിൻഡ് ഘടകം, റെസ്പോൺസീവ് & ടൈപ്പ് ചെയ്തത്
നിങ്ങൾക്ക് ഒരു ഫിഗ്മ ഘടകം വൃത്തിയുള്ള റിയാക്റ്റ് + ടെയിൽവിൻഡ് CSS ആക്കി മാറ്റിയത് ടൈപ്പ്സ്ക്രിപ്റ്റ് പ്രോപ്പുകളോടുകൂടി, മൊബൈൽ, ടാബ്‌ലെറ്റ്, ഡെസ്ക്ടോപ്പ് എന്നിവയിലുടനീളം പൂർണ്ണമായി റെസ്പോൺസീവ് ആയി ലഭിക്കും — നിങ്ങളുടെ Next.js, React, അല്ലെങ്കിൽ Vite പ്രോജക്റ്റിലേക്ക് നേരിട്ട് ചേർക്കാവുന്ന ഒരു GitHub റിപ്പോ അല്ലെങ്കിൽ ZIP ആയി ഇത് നൽകും.

സമയപരിധി

48 മണിക്കൂറിനുള്ളിൽ തയ്യാറാകും
2 ദിവസത്തെ ഡെലിവറി വിൻഡോ ഉള്ളതിനാൽ, ഉൽപ്പാദനത്തിന് തയ്യാറായ ഒരു ഘടകം നിർമ്മിക്കുന്നതിനുള്ള ഒരു വേഗതയേറിയ മാർഗ്ഗമാണിത് — നിങ്ങൾ നിർമ്മാണത്തിലിരിക്കുകയാണെങ്കിൽ, നിങ്ങളുടെ പ്രോജക്റ്റിന്റെ വേഗത കുറയ്ക്കാതെ ഒരു വിഭാഗം വേഗത്തിൽ ഒഴിവാക്കാൻ ഇത് സഹായകമാണ്.

നിങ്ങൾ അയയ്‌ക്കേണ്ടത്

ഫിഗ്മ ലിങ്ക് + ഘടക തിരഞ്ഞെടുപ്പ് + ഫ്രെയിംവർക്ക്
തുടങ്ങുന്നതിന് നിങ്ങൾ ഒരു ഫിഗ്മ ലിങ്ക് പങ്കിടേണ്ടതുണ്ട് ('ലിങ്ക് ഉള്ള ആർക്കും കാണാൻ കഴിയും' എന്ന് സജ്ജമാക്കുക), നിങ്ങൾ നിർമ്മിക്കാൻ ആഗ്രഹിക്കുന്ന ഘടകത്തിന് പേര് നൽകുക (ഹീറോ, നാവിഗേഷൻ ബാർ, കാർഡ്, ഫോം, മോഡൽ മുതലായവ), നിങ്ങളുടെ ഫ്രെയിംവർക്ക് സ്ഥിരീകരിക്കുക (React, Next.js, അല്ലെങ്കിൽ പ്ലെയിൻ HTML/CSS), കൂടാതെ ഫോണ്ടുകളും അസറ്റുകളും ഫയലിൽ ഉണ്ടോ അതോ ഉറവിടം കണ്ടെത്തേണ്ടതുണ്ടോ എന്ന് വിൽപ്പനക്കാരനെ അറിയിക്കുക.

ഏറ്റവും മികച്ചത്

ഒരു വലിയ പ്രോജക്റ്റിന് മുമ്പ് ഒരു ഡെവലപ്പറെ പരീക്ഷിക്കുന്നു
പുതിയ ക്ലയന്റുകൾക്കായി ഒരു കഴിവ് പ്രദർശനമായും ടേസ്റ്ററായും വിൽപ്പനക്കാരൻ ഇത് വ്യക്തമായി വാഗ്ദാനം ചെയ്യുന്നു — നിങ്ങൾക്ക് ഒരു പൂർണ്ണ ഫിഗ്മ-ടു-കോഡ് പ്രോജക്റ്റ് മനസ്സിലുണ്ടെങ്കിൽ, ഒരു വലിയ സ്കോപ്പിലേക്ക് കടക്കുന്നതിന് മുമ്പ് ഈ ഡെവലപ്പറിൽ നിന്ന് യഥാർത്ഥ ഔട്ട്പുട്ട് കാണാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഇത് അനുയോജ്യമാക്കുന്നു.

പൂർണ്ണ വിവരണം

നിർമ്മിക്കേണ്ട ഒരു ഫിഗ്മ ഘടകം ഉണ്ടോ? എനിക്ക് ഒരു ഘടകം അയയ്‌ക്കുക — ഒരു ഹീറോ വിഭാഗം, നാവിഗേഷൻ ബാർ, വിലനിർണ്ണയ കാർഡ്, ഉൽപ്പന്ന കാർഡ്, ഫോം, മോഡൽ അല്ലെങ്കിൽ മറ്റെന്തെങ്കിലും — ഞാൻ അതിനെ വൃത്തിയുള്ളതും ഉൽപ്പാദനത്തിന് തയ്യാറായതുമായ റിയാക്റ്റ് + ടെയിൽവിൻഡ് CSS കോഡാക്കി മാറ്റും.

ടെംപ്ലേറ്റുകളില്ല. പേജ് ബിൽഡറുകളില്ല. നിങ്ങളുടെ ഡിസൈനുമായി പിക്സൽ-ഫോർ-പിക്സൽ പൊരുത്തപ്പെടുന്നതും നിങ്ങളുടെ നിലവിലുള്ള പ്രോജക്റ്റിലേക്ക് നേരിട്ട് ചേർക്കാവുന്നതുമായ യഥാർത്ഥ കോഡ് മാത്രം.

നിങ്ങൾ ഒരു വെബ്സൈറ്റ് നിർമ്മിക്കുകയും ഒരു സമയം ഒരു വിഭാഗം ഒഴിവാക്കാൻ ആഗ്രഹിക്കുകയും ചെയ്യുന്നുവെങ്കിൽ ഇത് മികച്ചതാണ്. അല്ലെങ്കിൽ ഒരു വലിയ ഫിഗ്മ-ടു-കോഡ് പ്രോജക്റ്റിലേക്ക് കടക്കുന്നതിന് മുമ്പ് നിങ്ങൾ എന്റെ ജോലി പരിശോധിക്കുകയാണെങ്കിൽ.

നിങ്ങൾക്ക് ലഭിക്കുന്നത്:
• ഒരു ഫിഗ്മ ഘടകം റിയാക്റ്റ് + ടെയിൽവിൻഡ് ആക്കി മാറ്റിയത്
• നിങ്ങളുടെ ഡിസൈനുമായി പൊരുത്തപ്പെടുന്ന പിക്സൽ-പെർഫെക്റ്റ് സ്പേസിംഗ്, ടൈപ്പോഗ്രഫി, നിറങ്ങൾ
• പൂർണ്ണമായി റെസ്പോൺസീവ് (മൊബൈൽ, ടാബ്‌ലെറ്റ്, ഡെസ്ക്ടോപ്പ്)
• ടൈപ്പ്സ്ക്രിപ്റ്റ് പ്രോപ്പുകളോടുകൂടിയ വൃത്തിയുള്ള, പുനരുപയോഗിക്കാവുന്ന ഘടകം
• ഒരു GitHub റിപ്പോ അല്ലെങ്കിൽ ഡൗൺലോഡ് ചെയ്യാവുന്ന ZIP ആയി നൽകുന്നു
• നിങ്ങളുടെ നിലവിലുള്ള Next.js, React, അല്ലെങ്കിൽ Vite പ്രോജക്റ്റിൽ പ്രവർത്തിക്കുന്നു

ഞാൻ SaaS പ്ലാറ്റ്‌ഫോമുകൾ, റെസ്റ്റോറന്റ് സിസ്റ്റങ്ങൾ, ഇ-കൊമേഴ്‌സ് സ്റ്റോറുകൾ, B2B പോർട്ടലുകൾ എന്നിവയ്‌ക്കായുള്ള ഫിഗ്മ ഡിസൈനുകൾ മാറ്റിയിട്ടുണ്ട്. ഞാൻ നിർമ്മിക്കുന്ന ഓരോ ഘടകവും ആധുനിക മികച്ച സമ്പ്രദായങ്ങൾ പിന്തുടരുന്നു: സെമാന്റിക് HTML, ആക്സസ് ചെയ്യാവുന്ന മാർക്കപ്പ്, നിങ്ങൾക്ക് പരിപാലിക്കാൻ കഴിയുന്ന വൃത്തിയുള്ള കോഡ്.

നിങ്ങൾ നിർമ്മിക്കാൻ ആഗ്രഹിക്കുന്ന പ്രത്യേക ഘടകത്തോടുകൂടിയ നിങ്ങളുടെ ഫിഗ്മ ലിങ്ക് ( "ലിങ്ക് ഉള്ള ആർക്കും കാണാൻ കഴിയും" എന്ന് പങ്കിട്ടത്) എനിക്ക് അയയ്‌ക്കുക, ഞാൻ 48 മണിക്കൂറിനുള്ളിൽ ഡെലിവർ ചെയ്യും.

നിങ്ങൾക്ക് ഘടകം ഇഷ്ടപ്പെട്ടാൽ, മിക്ക വാങ്ങുന്നവരും വലിയ പ്രോജക്റ്റുകളുമായി തിരികെ വരും — കാരണം അവർക്ക് ജോലിയിൽ നിന്ന് എന്താണ് പ്രതീക്ഷിക്കേണ്ടതെന്ന് അറിയാം.

നിങ്ങൾക്ക് ലഭിക്കുന്നത്
• ഒരു Figma ഘടകം React + Tailwind CSS
ആയി പരിവർത്തനം ചെയ്തു • Figma ഡിസൈനുമായി പൊരുത്തപ്പെടുന്ന പിക്സൽ-പെർഫെക്റ്റ് ലേഔട്ട്
• റെസ്പോൺസീവ് (മൊബൈൽ, ടാബ്ലെറ്റ്, ഡെസ്ക്ടോപ്പ്)
• ടൈപ്പ്സ്ക്രിപ്റ്റ് + ക്ലീൻ ഘടക ഘടന
• GitHub റെപ്പോ അല്ലെങ്കിൽ സോഴ്സ് കോഡ് ഉള്ള ZIP
• സ്വീകരിക്കുന്നതിന് മുമ്പ് പരിശോധിക്കാൻ വിന്യസിച്ച പ്രിവ്യൂ URL
• 1 റിവിഷൻ റൗണ്ട്
• 7 ദിവസത്തെ ഡെലിവറിക്ക് ശേഷമുള്ള പിന്തുണ
ഈ ജോലിയുടെ ഉദാഹരണങ്ങൾ
Figma-യിൽ നിന്ന് Next.js-ലേക്ക് മാറ്റിയ ഹീറോ വിഭാഗം
Figma-യിൽ നിന്ന് Next.js-ലേക്ക് മാറ്റിയ ഹീറോ വിഭാഗം

ഒരു Figma ഹീറോ വിഭാഗത്തെ പൂർണ്ണമായും റെസ്പോൺസീവായ React ഘടക തലക്കെട്ട്, ഉപതലക്കെട്ട്, CTA ബട്ടണുകൾ, ഇമേജ് ബ്ലോക്ക് എന്നിവയാക്കി മാറ്റി. Framer Motion സ്ക്രോൾ ആനിമേഷനുകളുമായി പിക്സൽ-പെർഫെക്റ്റ് പൊരുത്തം.

സ്റ്റാക്ക്: Figma → React · Next.js 15 · Tailwind CSS · Framer Motion

Figma-യിൽ നിന്ന് മാറ്റിയ ഉൽപ്പന്ന കാർഡ് ഗ്രിഡ്
Figma-യിൽ നിന്ന് മാറ്റിയ ഉൽപ്പന്ന കാർഡ് ഗ്രിഡ്

ഒരു Figma ഉൽപ്പന്ന കാർഡ് ഗ്രിഡിനെ ഹോവർ സ്റ്റേറ്റുകൾ, കാർട്ടിലേക്ക് ചേർക്കാനുള്ള ബട്ടണുകൾ, റെസ്പോൺസീവ് ലേഔട്ട് എന്നിവയുള്ള ഒരു പുനരുപയോഗിക്കാവുന്ന React ഘടകമാക്കി മാറ്റി. ഒരു ഇ-കൊമേഴ്സ് സ്റ്റോർഫ്രണ്ടിൽ ഉടനീളം ഉപയോഗിച്ചു.

സ്റ്റാക്ക്: Figma → React · Next.js · Tailwind CSS

Figma-യിൽ നിന്ന് മാറ്റിയ ഡാഷ്ബോർഡ് KPI കാർഡുകൾ
Figma-യിൽ നിന്ന് മാറ്റിയ ഡാഷ്ബോർഡ് KPI കാർഡുകൾ

ഒരു Figma ഡാഷ്ബോർഡ് KPI വിഭാഗത്തെ React ഘടകങ്ങളാക്കി മാറ്റി — സ്റ്റാറ്റ് കാർഡുകൾ, സ്പാർക്ക്ലൈൻ ചാർട്ടുകൾ, റെസ്പോൺസീവ് ഗ്രിഡ്. ഒരു അഡ്മിൻ പാനലിൽ ഉപയോഗിച്ചു.

സ്റ്റാക്ക്: Figma → React · Tailwind CSS · Recharts

എന്തുകൊണ്ടാണ് ഇത് ഒരു മൈക്രോ സിൻ ആയതെന്ന്

ഒരു Micro Zinn എന്നത് ഒരു ചെറിയ, നിശ്ചിത വിലയുള്ള ടേസ്റ്റർ അല്ലെങ്കിൽ മൈക്രോ സേവനമാണ്. expertdeprudent ഇത് വാഗ്ദാനം ചെയ്യുന്നത്:

നൈപുണ്യ പ്രദർശനംപോർട്ട്ഫോളിയോ ബിൽഡർചെറിയ ജോലികൾ വേഗത്തിൽപുതിയ ക്ലയന്റുകൾക്ക് തുറന്നിരിക്കുന്നു

Zinner ഗുണമേന്മ ഉറപ്പ്

✓
പരിശോധിച്ച പ്രൊഫഷണൽ
ഓരോ Zinner-നെയും പ്ലാറ്റ്‌ഫോമിൽ ചേരുന്നതിന് മുമ്പ് അവലോകനം ചെയ്യുകയും അംഗീകരിക്കുകയും ചെയ്യുന്നു.
✓
ഗുണമേന്മയുള്ള ജോലി ഉറപ്പ്
എല്ലാ സേവനങ്ങൾക്കും ഞങ്ങളുടെ ഗുണമേന്മ ഉറപ്പ് പ്രതിബദ്ധതയുടെ പിന്തുണയുണ്ട്.
✓
സുരക്ഷിതമായ പേയ്‌മെന്റ്
ഡെലിവർ ചെയ്ത ജോലി നിങ്ങൾ അംഗീകരിക്കുന്നത് വരെ നിങ്ങളുടെ പേയ്‌മെന്റ് പരിരക്ഷിക്കപ്പെടും.

ഉപഭോക്തൃ അവലോകനങ്ങൾ

ഈ Zinn-നെക്കുറിച്ച് ഞങ്ങളുടെ ഉപഭോക്താക്കൾ എന്താണ് പറയുന്നതെന്ന് കാണുക

Zinner നയങ്ങൾ

ഞാൻ ഒരു Figma ഘടകത്തെ ക്ലീൻ React, Tailwind കോഡാക്കി മാറ്റും — Zinn Hub-ൽ ലഭ്യമാണ്

ഈ ഉൽപ്പന്നം വാങ്ങിയ ലോഗിൻ ചെയ്ത ഉപഭോക്താക്കൾക്ക് മാത്രമേ ഒരു അവലോകനം നൽകാൻ കഴിയൂ.

ഓപ്ഷനുകൾ & ഓർഡർ

Zinn Hub ആപ്പ് നേടുക

അറിയിപ്പുകൾ · വേഗത്തിലുള്ള ആക്സസ് · പൂർണ്ണ സ്ക്രീൻ

നിങ്ങളുടെ ബ്രൗസറിൽ പങ്കിടുക ടാപ്പ് ചെയ്യുക

➜ തുടർന്ന് "ഹോം സ്ക്രീനിലേക്ക് ചേർക്കുക" ടാപ്പ് ചെയ്യുക