Սպառողական պրոդուկտ · Վեբ խմբագրիչ
PicsArt
Խմբագրման մակերևույթը, որին իրապես դիպչում են միլիոնավոր մարդիկ, և ակտիվների փայփլայնը, որը պահում է այն հետևողական։
- Role
- JavaScript մշակող
- Years
- 2020
- Links
- picsart.com
Համատեքստ
PicsArt-ը սպառողական ստեղծագործական հարթակ է՝ լայն, ոչ թե տեխնիկական լսարանի համար նախատեսված վեբ խմբագրիչով։ Այդ մակերևույթի վրա աշխատանքը գնահատվում է նրանով, թե արդյոք փոխազդեցությունը զգացվում է ակնթարթային այն սարքավորումների վրա, որոնք ոչ ոք չի վերահսկում։
Խնդիր
Սպառողական խմբագրիչը պետք է մնա արագ և կանխատեսելի, մինչդեռ նրա մեջ յուրաքանչյուր ակտիվ փոփոխական է՝ ստիկերները, ձևերը և տեքստը գալիս են տարբեր հաստությամբ, լցվածքով և տառատեսակի մշակմամբ, և յուրաքանչյուր տարբերակ պետք է ճիշտ արտապատկերվի՝ առանց դիզայների մասնակցության։
Ճարտարապետություն
- React և TypeScript՝ հիմնական վեբ խմբագրիչի ողջ մակերևույթում։
- Adobe սկրիպտավորում՝ SVG ինտեգրումը վարելու համար, որպեսզի ակտիվների տարբերակները գեներացվեին, ոչ թե ձեռքով պահպանվեին։
- Յունիտ և ինտեգրացիոն թեստեր՝ որպես խմբագրիչի վարքագծի պահապան, որտեղ ռեգրեսիան օգտատիրոջն անմիջապես տեսանելի է։
Ինչ եմ կառուցել
- Ֆունկցիոնալ, արդյունավետ և մասշտաբելի հնարավորություններ հիմնական վեբ խմբագրիչի համար՝ կենտրոնացած խմբագրման փորձառության սահունության վրա։
- Ընդլայնելի, վերաօգտագործելի բաղադրիչներ՝ գրված արագ փոփոխվող սպառողական պրոդուկտին դիմանալու համար։
- Adobe սկրիպտների աշխատանք SVG ինտեգրումների համար՝ ակտիվների տարբերակներ և տառատեսակի կարգավորումներ խմբագրիչի ողջ գրադարանում։
- Յունիտ և ինտեգրացիոն թեստերի ծածկույթ՝ պաշտպանելով հավելվածի ամբողջականությունն ու արդյունավետությունը։
Տեխնոլոգիաներ
Բարդ մասերը
- Սպառողական խմբագրիչները գնահատվում են զգացողությամբ։ Ուշացումը, որը վահանակում երբեք չէիք նկատի, ակնհայտ է, երբ մարդը քաշում է ստիկերը։
- Պահել մեկ ակտիվը ճիշտ բոլոր տարբերակներում և տառատեսակի մշակումներում, որոնք խմբագրիչը կարող է կիրառել դրա վրա՝ առանց յուրաքանչյուրը ձեռքով պահպանելու։
Արդյունք
Ավելի արագ և ավելի լավ թեստավորված հիմնական խմբագրիչի մակերևույթ, որտեղ SVG ակտիվների տարբերակները և տառատեսակի կարգավորումները ստեղծվում են սկրիպտավորմամբ, ոչ թե ձեռքով պահպանմամբ։
Next case study
Coverant →Կապ
Ի՞նչ եք կառուցում, և ի՞նչն է խանգարում։
Եթե հարցը ֆինտեքի, պրոդուկտի ու ինժեներիայի հատման կետում է, կարող եմ օգնել։
Ամրագրել ծանոթացման զանգ
30 ր · տեսազանգ
Նախընտրո՞ւմ եք նախ գրել։ armmamyan@gmail.com