మీకు డిజైన్ మరియు బ్యాకెండ్ ఉన్నాయి, మరియు వినియోగదారులు నిజంగా చూసే భాగం అవసరం. నేను ఫిగ్మా స్క్రీన్‌లను టైప్‌స్క్రిప్ట్‌లో రియాక్ట్ లేదా నెక్స్ట్.జెఎస్ ఫ్రంట్ ఎండ్‌గా మారుస్తాను, ఫోన్ నుండి డెస్క్‌టాప్ వరకు ప్రతిస్పందించేలా చేస్తాను మరియు లోడింగ్, ఖాళీ మరియు ఎర్రర్ స్టేట్‌లను నిర్వహించి మీ APIకి కనెక్ట్ చేస్తాను.
నేను మీ రియాక్ట్ లేదా నెక్స్ట్.జెఎస్ ఫ్రంట్ ఎండ్‌ను ఫిగ్మా డిజైన్ నుండి నిర్మిస్తాను మరియు దానిని మీ APIకి కనెక్ట్ చేస్తాను
మీ Figma ఫైల్ నుండి ఒక స్క్రీన్, ప్రతిస్పందించేది, టైప్ చేయబడినది మరియు మీ APIకి కనెక్ట్ చేయబడినది.
- ఒక స్క్రీన్
- ప్రతిస్పందించే డిజైన్
- మీ APIకి కనెక్ట్ చేయబడింది
- సోర్స్ కోడ్
మీ APIకి 5 స్క్రీన్‌ల వరకు వైర్ చేయబడింది, లోడింగ్, ఖాళీ మరియు ఎర్రర్ స్టేట్‌లతో.
- 5 స్క్రీన్‌ల వరకు
- ప్రతిస్పందించే డిజైన్
- మీ APIకి కనెక్ట్ చేయబడింది
- సోర్స్ కోడ్
మీ ప్రమాణీకరణకు వ్యతిరేకంగా 12 స్క్రీన్‌ల వరకు, లాగిన్, భాగస్వామ్య భాగాలు మరియు పరీక్షలు.
- 12 స్క్రీన్‌ల వరకు, లాగిన్, పరీక్షలు
- ప్రతిస్పందించే డిజైన్
- మీ APIకి కనెక్ట్ చేయబడింది
- సోర్స్ కోడ్
అనుకూల ఆఫర్‌ను అభ్యర్థించండి
అనుకూల ఆఫర్ కోసం లాగిన్ అవ్వండి
ఈ Zinner నుండి వ్యక్తిగతీకరించిన ఆఫర్‌ను అభ్యర్థించడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిముందస్తు-అమ్మకాల ప్రశ్న అడగండి
ప్రశ్న అడగడానికి లాగిన్ అవ్వండి
ప్లాట్‌ఫారమ్ స్పామ్ను తగ్గించడానికి, ప్రీ-సేల్ సందేశాలను లాగిన్ చేసిన వినియోగదారులు మాత్రమే పంపగలరు.
ఈ జిన్నర్కు నేరుగా సందేశం పంపడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిలాగిన్ అవసరం
ఈ Zinnerకి సందేశం పంపడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిలాగిన్ అవసరం
వ్యక్తిగతీకరించిన ఆఫర్‌ను అభ్యర్థించడానికి ఉచిత ఖాతాను సృష్టించండి లేదా లాగిన్ చేయండి.
లాగిన్ / నమోదు చేయండిఒక చూపులో
మీరు నిర్ణయం తీసుకోవడంలో సహాయపడటానికి ఈ సేవ గురించిన ముఖ్య వివరాలు. Zinn Hub ద్వారా రూపొందించబడింది, విక్రేత ద్వారా కాదు.
విలువ స్థానం
టెక్ స్టాక్
ప్రతిస్పందించే & క్రాస్-బ్రౌజర్
API అనుసంధానం
మద్దతు కాలం
మీరు ఏమి అందుకుంటారు
పూర్తి వివరణ
డిజైన్ పూర్తయింది మరియు API సిద్ధంగా ఉంది లేదా దాదాపు సిద్ధంగా ఉంది, కానీ వినియోగదారులు చూసే స్క్రీన్‌లు ఇంకా లేవు. నేను ఫ్రంట్ ఎండ్‌ను మాత్రమే నిర్మిస్తాను: మీ బ్యాకెండ్, ప్రమాణీకరణ ప్రొవైడర్ మరియు హోస్టింగ్ అలాగే ఉంటాయి మరియు కోడ్ మీ రిపోజిటరీలోకి వెళుతుంది. డెలివరీ అయిన 14 రోజుల తర్వాత, మేము అంగీకరించిన విధంగా పని చేయని ఏదైనా ఉంటే, నేను ఉచితంగా పరిష్కరిస్తాను.
స్టార్టర్‌తో మీరు మీ Figma ఫైల్ నుండి ఒక స్క్రీన్ లేదా పేజీని పొందుతారు, ప్రతిస్పందించేది మరియు టైప్ చేయబడినది, దాని డేటా మీ API నుండి లేదా ఎండ్‌పాయింట్ ఉనికిలో ఉండే వరకు మాక్ నుండి వస్తుంది. స్టాండర్డ్ మీ APIకి వైర్ చేయబడిన ఐదు స్క్రీన్‌ల వరకు కవర్ చేస్తుంది, లోడింగ్, ఖాళీ మరియు ఎర్రర్ స్టేట్‌లు మరియు ధ్రువీకరణతో కూడిన ఫారమ్‌లతో. అడ్వాన్స్‌డ్ పన్నెండు స్క్రీన్‌ల వరకు అనుమతిస్తుంది మరియు మీ ప్రమాణీకరణ ప్రొవైడర్‌తో పనిచేసే లాగిన్ స్క్రీన్‌లు, యాప్ అంతటా ఉపయోగించే భాగస్వామ్య భాగాలు మరియు ప్రధాన ప్రవాహాల కోసం పరీక్షలను జోడిస్తుంది.
నేను డిజైన్‌ను నిశితంగా అనుసరిస్తాను: స్పేసింగ్, టైప్ స్కేల్ మరియు రంగులు Figma ఫైల్ నుండి వస్తాయి. ఒక స్క్రీన్‌కు మొబైల్ వెర్షన్ లేనప్పుడు, నేను దానిని నిర్మించే ముందు ఊహించకుండా ఒకదాన్ని ప్రతిపాదిస్తాను. యాప్ రూటర్‌తో Next.js నా డిఫాల్ట్; మీకు సర్వర్ రెండరింగ్ అవసరం లేనప్పుడు Viteతో సాధారణ React బాగానే ఉంటుంది. స్టైలింగ్ కోసం నేను Tailwind CSS లేదా CSS మాడ్యూల్స్‌ను ఉపయోగిస్తాను, మీ ప్రాజెక్ట్‌లో ఏది ఉంటే అది.
నేను డెస్క్‌టాప్‌లో Chrome, Firefox మరియు Edgeలో మరియు నిజమైన Android ఫోన్‌లో Chromeలో ఫలితాన్ని తనిఖీ చేస్తాను.
నా ఫ్రంట్-ఎండ్ పనికి రెండు పబ్లిక్ ఉదాహరణలు పోర్ట్‌ఫోలియోలో ఉన్నాయి: ఫిల్టర్‌లు, కార్ట్ మరియు చెక్‌అవుట్‌తో కూడిన Next.js స్టోర్‌ఫ్రంట్ మరియు నా స్వంత ద్విభాషా సైట్.
నేను సమావేశాలు లేకుండా వ్రాతపూర్వకంగా మాత్రమే పని చేస్తాను. నేను ప్రారంభించడానికి ముందు స్క్రీన్‌లు మరియు వాటి వెనుక ఉన్న ఎండ్‌పాయింట్‌లు జాబితా చేయబడతాయి, ప్రివ్యూ లింక్ పని పెరుగుతున్న కొద్దీ చూపిస్తుంది మరియు ప్రతి పని దినం చాట్‌లో ఒక చిన్న పురోగతి గమనిక వస్తుంది.
మీ ప్రాజెక్ట్‌ను పూర్తి చేయడానికి దశలు
1. స్క్రీన్ జాబితా - నేను ఫిగ్మా ఫైల్ మరియు మీ API డాక్యుమెంట్‌లను పరిశీలించి, ప్రతి స్క్రీన్, దాని స్థితులు మరియు అది కాల్ చేసే ఎండ్‌పాయింట్‌లను వ్రాస్తాను. ఏదైనా కోడ్‌కు ముందు మీరు జాబితాను నిర్ధారిస్తారు.
2. బేస్ మరియు షేర్డ్ భాగాలు - ప్రాజెక్ట్ సెటప్ లేదా మీ ప్రస్తుత రిపోజిటరీ, ఫిగ్మా నుండి రంగులు మరియు రకం, మరియు ప్రతి స్క్రీన్ తిరిగి ఉపయోగించే లేఅవుట్ మరియు భాగాలు.
3. స్క్రీన్‌లు మరియు డేటా - ప్రతి స్క్రీన్ డిజైన్‌కు నిర్మించబడుతుంది మరియు మీ APIకి కనెక్ట్ చేయబడుతుంది, లోడింగ్, ఖాళీ మరియు ఎర్రర్ స్థితులతో. తప్పిపోయిన ఎండ్‌పాయింట్‌కు సులభంగా మార్చుకోగలిగే మాక్ లభిస్తుంది.
4. ప్రివ్యూ లింక్‌పై సమీక్ష రౌండ్ - మీరు క్లిక్ చేసి, ఒక జాబితాలో దిద్దుబాట్లను పంపుతారు. నేను వాటిని పరిష్కరించి, అదే లింక్‌ను మళ్లీ చూపిస్తాను.
5. హ్యాండ్‌ఓవర్ - మీ రిపోజిటరీలోని కోడ్, నిర్మాణం మరియు దానిని ఎలా అమలు చేయాలి అనే దానిపై ఒక చిన్న గమనిక, మరియు అడ్వాన్స్‌డ్‌లో, ప్రతి విడుదల ముందు మీరు అమలు చేయగల పరీక్షలు.
Zinner నాణ్యత హామీ
ప్రతి Zinner ప్లాట్‌ఫారమ్‌లో చేరడానికి ముందు సమీక్షించబడి మరియు ఆమోదించబడతారు.
అన్ని సేవలు మా నాణ్యత హామీ నిబద్ధత ద్వారా మద్దతునిస్తాయి.
మీరు డెలివరీ చేయబడిన పనిని ఆమోదించే వరకు మీ చెల్లింపు రక్షించబడుతుంది.
ప్యాకేజీలను సరిపోల్చండి
| ఫంక్షన్ | స్టార్టర్ | ప్రామాణికం | అధునాతన |
|---|---|---|---|
| డెలివరీ సమయం | 4 రోజులు | 9 రోజులు | 18 రోజులు |
| పునర్విమర్శలు | 1 | 2 | 3 |
| పరిధి | ఒక స్క్రీన్ | 5 స్క్రీన్‌ల వరకు | 12 స్క్రీన్‌లు, లాగిన్, పరీక్షలు వరకు |
| ప్రతిస్పందించే డిజైన్ | ✓ | ✓ | ✓ |
| మీ APIకి కనెక్ట్ చేయబడింది | ✓ | ✓ | ✓ |
| మూల కోడ్ | ✓ | ✓ | ✓ |
నమూనాలు
ఈ Zinnకి సంబంధించిన విక్రేత పని ఉదాహరణలను వీక్షించండి.
పోర్ట్‌ఫోలియో
ఈ Zinnకి సంబంధించిన విక్రేత పనికి ఉదాహరణలు.
ఫార్మ్‌లైన్: స్ట్రైప్‌తో Next.js స్టోర్
మీరు క్లిక్ చేయగల స్టోర్‌ఫ్రంట్: 16 సేకరణలలో 4 పోస్టర్‌లు, URLలో ఉండే ఫిల్టర్‌లు మరియు శోధన, ఒక కార్ట్, లైట్ మరియు డార్క్ థీమ్‌లు మరియు డెమో ఆర్డర్ లేదా టెస్ట్ మోడ్‌లో నిజమైన స్ట్రైప్ చెక్‌అవుట్ సెషన్‌తో ముగిసే చెక్‌అవుట్. నేను దీన్ని టైల్‌విండ్ CSSతో టైప్‌స్క్రిప్ట్‌లో Next.js స్టాటిక్ ఎగుమతిగా నిర్మించాను. కార్డ్ చెల్లింపులు క్లౌడ్‌ఫ్లేర్ వర్కర్ ద్వారా జరుగుతాయి, ఇది సర్వర్‌లో కార్ట్‌ను తిరిగి ధర నిర్ణయిస్తుంది మరియు స్ట్రైప్ యొక్క వెబ్‌హుక్ సంతకాన్ని ధృవీకరిస్తుంది.
Next.jsలో ద్విభాషా వ్యక్తిగత సైట్
ఇంగ్లీష్ మరియు రష్యన్ భాషలలో ఒక పేజీ వ్యక్తిగత సైట్, సేవల విభాగం మరియు నా డెమో ప్రాజెక్ట్‌లకు లింక్‌లతో. నేను దీన్ని Next.js, రియాక్ట్ మరియు టైప్‌స్క్రిప్ట్‌తో స్టాటిక్ ఎగుమతిగా డిజైన్ చేసి నిర్మించాను, సాధారణ CSS మాడ్యూల్స్ మరియు UI ఫ్రేమ్‌వర్క్ లేకుండా స్టైల్ చేయబడింది. ఇది లైట్ మరియు డార్క్ థీమ్‌లను కలిగి ఉంది మరియు ప్రతి భాషకు ఒక సామాజిక ప్రివ్యూ చిత్రం బిల్డ్ సమయంలో ఉత్పత్తి చేయబడుతుంది. GitHub Actions దీన్ని బన్నీ CDNకి నిర్మిస్తుంది మరియు విస్తరిస్తుంది, ఇది భద్రతా హెడర్‌లను జోడిస్తుంది మరియు www మరియు సాధారణ HTTPని ప్రధాన HTTPS చిరునామాకు దారి మళ్లిస్తుంది.
సేవా వివరాలు
తరచుగా అడిగే ప్రశ్నలు
అవును. నేను ప్రతి స్క్రీన్ కోసం మొబైల్ లేఅవుట్‌ను నిర్మించే ముందు, వ్రాతపూర్వకంగా లేదా త్వరిత స్కెచ్‌గా ప్రతిపాదిస్తాను, తద్వారా మీరు చివరిలో కనుగొనకుండా ముందుగానే ఆమోదిస్తారు.
అవును. నేను ఇప్పటికే ఉన్న ఫోల్డర్ నిర్మాణం, నామకరణం మరియు స్టైలింగ్‌ను అనుసరిస్తాను, తద్వారా కొత్త కోడ్ అదే నమూనాలను ఉపయోగిస్తుంది మరియు తదుపరి డెవలపర్ రెండు స్టైల్‌లను కనుగొనడు.
నేను ఫైల్ నుండి స్పేసింగ్, పరిమాణాలు మరియు రంగులను సరిపోల్చుతాను. డిజైన్ మరియు నిజమైన డేటా విభేదించిన చోట, మాకప్ కంటే పొడవైన పేరు వంటిది, నేను దానిని ఫ్లాగ్ చేసి, లేఅవుట్ విచ్ఛిన్నం కాకుండా పరిష్కారాన్ని సూచిస్తాను.
ఈ సేవ ఫ్రంట్ ఎండ్ మాత్రమే. ఎక్స్‌ప్రెస్ లేదా నెస్ట్‌జేఎస్‌తో Node.jsలో బ్యాకెండ్ కోసం, నా బ్యాకెండ్ Zinnని చూడండి, లేదా రెండింటినీ ఆర్డర్ చేయండి మరియు నేను వాటిని కలిపి కోట్ చేస్తాను.
కస్టమర్ సమీక్షలు
ఈ Zinn గురించి మా కస్టమర్‌లు ఏమంటున్నారో చూడండి
వర్గాలు
జిన్నర్ విధానాలు
సంబంధిత Zinns
ప్రతిస్పందించే React.js Next.js Redux Firebase వెబ్ అప్లికేషన్‌లను నిర్మించండి
React JS, Next JS, Node.js, Firebase, Vercelలో వెబ్ అప్లికేషన్‌లను అభివృద్ధి చేయండి
ఫైర్‌బేస్ & AI ఇంటిగ్రేషన్‌తో ప్రొఫెషనల్ రియాక్ట్ ఫ్రంటెండ్ డెవలప్‌మెంట్
