gsuveti / diy-tutorials

DiyTutorials

This repo contains:

• wordpress gutenberg blocks to create a diy tutorial
• a frontend application
• a wordpress plugin to install the blocks and the app.

diy-tutorials-backend

Wordpress gutenberg blocks that render the tutorial components. The components props are stored in data attributes.

diy-tutorials-frontend

React application that makes the tutorial section dynamic after the wordpress page is loaded.

Development

Do not use lodash!

Adding lodash in the plugin will break the gutenberg image block.

Deployment

https://travis-ci.com/gsuveti/diy-tutorials/

FAQ

Block validation: Block validation failed for `irian/diy-product` ({name: "irian/diy-product", icon: {…}, attributes: {…}, keywords: Array(0), save: ƒ, …}).

Content generated by `save` function:

diy-tutorials's Issues

Nu mai functioneaza formulele de calcul cantitati

Chiar daca se completeaza toate campurile de la obiectivele de masurat, toate produsele care au formule de calcul vor avea cantitate 0
Cele care au pusa o canitate valoare statica, le apare ok.

Selectare pachet de produse obligatorie

Inainte sa trimit email sau sa redirectionez la cosul de cumparaturi trebuie sa verificam daca a selectat unul din pachete. Este obligatoriu.

Butoane importante verzi (ca in logo)

Toate butoanele importante sa fie verzi (conform sugestiei de la Smarters)

Optional products

Tools

Save data in firebase

Wrap text la variante de raspuns din intrebari

La mobile variantele de raspuns la intrebari iasa din ecran

Lazy Loading Images

https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/

First rendering speed

• gzip
• images
• caching

Social login in firebase

Fix sections rendering after fetching data from firebase

Icons for blocks

Refactor sectiune game produse

Varianta mobil:

• redus gama la o poza si un paragraf de descriere
• buton selecteaza pachet (care va scrola la produse optionale)
• si buton detalii pachet (care va afisa gama asa cum este ea acum)

Varianta desktop:

• redus gama la o poza si un paragraf de descriere
• buton selecteaza pachet (care va scrola la produse optionale)
• si buton detalii pachet te va duce la toate cele 3 pachete afisate sub forma de tabel (asa cum afiseaza acum)

Update product quantities even if there are no measurements

Blocks naming

Production build

• remove redux tools
• setup prod build in travis

Mucegai: calcul cantitate produse in fct de obiective de masurare

Ex. La mucegai am intrebare: Cat renovezi?

1. doar o parte din pereti==> un obiectiv de masurare M1
2. toti peretii cu posibilitate de nr camere ==> mai multe obiective de masurare M2, M3, etc
   din care scad ferestre si usi==> alte obiective M8, M9, etc

La formula de calcul pentru produsul vopsea cum fac sa calculeze cu M1 daca e optiunea 1 sau (M2+M3+..)-(M8+M9+..) daca e optiunea 2

Retete DIY - Obiective de masurare neclare

Ex. La Mucegai am mai multe seturi de obiective de masurare, ma pierd in ele, nu mai stiu care e M1, M2, etc Putem sa punem un label la obiectivul de masurare ca sa stiu care cum se numeste ?

Display total price

total price = selected range + sum of optional products

Make some measurements optional

Block de trimitere reteta pe mail (salvare articol pe mai tarziu)

• un block pe care il putem pune oricand si oriunde cu posibilitate introducere paragraf explicativ (1 paragraf, 1 input, 1 buton)

b. Formatul de mail va contine link-ul spre articol si partea de reteta fara produse (adica ce am taiat din celalalt mail care e doar cu produse)

I. Cazul in care ramane in mijlocul textului_

Logo (asa cum e acum e ok)

[numele lucrarii bold]

Revino la articol pentru etapele detaliate ale lucrării tale și pentru a calcula necesarul de materiale:

[link catre lucrare]

[content pe care a apucat sa-l parcurga ]

Continuarea articolului început de tine impreuna cu toate calculele pentru lucrarea ta le găsești la link-ul de mai jos

[link catre lucrare]

[In finalul mail-ului:]

Urmărește-ne și pe Facebook, Instagram și Pinterest

Dacă te mai interesează și alte subiecte despre casă și pentru acasă, te rugăm să accesezi https://lucrareamea.ro/blog/

Ai primit acest email pentru că ai vizitat site-ul www.lucrareamea.ro și ai optat să primești articolul pe mail. Dacă întâmpini vreo problemă, ai vreo nelămurire sau o sugestie te rugăm să ne contactezi pe email [email protected].

LucrareaMea.ro - DIY Projects Mkt SRL, Timișoara, str. Virgil Madgearu nr. 5.

II. Daca apasa Calculeaza dar nu apuca sa selecteze un pachet (NU stiu cum sa facem aici, cazul acesta va fi probabil si destul de rar - care ar fi cea mai simpla solutie ? )

Logo (asa cum e acum e ok)

[numele lucrarii bold]

Revino la articol pentru a vedea propunerile noastre de materiale și pentru a definitiva comanda:

[link catre lucrare]

Variante de pachete produse necesare pentru lucrarea ta

[Lista cu produse]

Produse opționale alese de tine pentru lucrarea ta

[Lista cu produse]

Este important să știi că prețul total al pachetului de produse este o estimare, costul final poate fi diferit, deoarece LucrareaMea.ro este o platformă independentă care îți oferă informații gratuit. Prețurile afișate sunt estimative, includ TVA și exclud costul de transport.

In finalul mail-ului:

Urmărește-ne și pe Facebook, Instagram și Pinterest

Dacă te mai interesează și alte subiecte despre casă și pentru acasă, te rugăm să accesezi https://lucrareamea.ro/blog/

Ai primit acest email pentru că ai vizitat site-ul www.lucrareamea.ro și ai optat să primești articolul pe mail. Dacă întâmpini vreo problemă, ai vreo nelămurire sau o sugestie te rugăm să ne contactezi pe email [email protected].

LucrareaMea.ro - DIY Projects Mkt SRL, Timișoara, str. Virgil Madgearu nr. 5.

Display "Mail has been sent" message

Common products

Retete DIY - selectare pachet vs produs optional

Daca selectez pachetul si apoi un produs optional ==> deselecteaza pachetul
La produse optionale ar trebui sa apara "Adauga in lista" si nu "Adauga in cos"

ID

This ID is in two different places :
d0de4808-b37f-48a0-910d-4e2c44067ba2

Unde nu sunt obiective de masurare, sa se afiseze produsele fara click buton

Mail 20 mai punctul 1.b)

Hide Logout button if the user is not logged-in

Get meta attributes from page in firebase

Scroll to missing measurements

Refactor layout produse optionale

• produsele optionale sa fie afisate intr-un carusel

Attempt block recovery - la fiecare update/deploy ?

Dupa ultimul update/deploy facut de Irian sau Softbuild a trebuit sa dau attempt block recovery la retete. Ce fac cand voi avea 20 de retete pe site ?

Attempt block recovery - part2

Acum mai e nevoie de block recovery la intrebarile din sectiuni si la obiectivele de masurare.

La produse nu mai cere

See #19

Sticky - banner salveaza pe mai tarziu

• conform propunere Smarters comportament stabilit ulterior
• propunere curenta sa apara dupa 10 secunde fara scroll si sa dispara la scroll

Scroll to measurements

Login with email

Link Facebook account to Google account

Redesign question section

Email retete

1. Cand primesti email: in loc de DIY Tutorials sa apara LucrareaMea si la subiect Lucrare DIY - numele lucrarii
2. Arunca tot textul cu masuratori si poze, dar pozele trebuie sa fie mici in line with text (ca sa nu ocupe spatiu degeaba in mail)
3. Produsele pot fi aruncate separat intr-un pdf tabelar:
   poza, denumire, cantitate
   astfel incat produsele selectate sa incapa intr-o pagina in caz de print
   iar la sfarsitul textului de reteta sa apara pur si simplu "Vezi fisierul atasat cu produsele necesare pentru lucrarea ta"
4. m-am intors in reteta si am adaugat un produs optional (probabil a deselectat pachetul ales) si am primit mail doar cu produsul optional adaugat ultima data (poza mare si cantitate) atat, nimic text

Backend style

Product list - mobile design