flowchart
fwf1((Angular))
fwf2((Bootstrap))
fwd1((tailwind))
fwn1{{NextJs}}
lf1[HTML]
lf2[Css]
lf3[JavaScpit]
lf4[TypeScript]



subgraph Frameworks Design
fwd1

end

subgraph Languages FrontEnd
lf1
lf2
lf3
lf4
end

subgraph Framworks FrontEnd
fwf1
fwf2
fwn1
end

fwf1 --> lf1
fwf1 --> lf2
fwf1 --> lf3
fwf1 --> lf4
fwf2 --> lf1
fwf2 --> lf2
fwf2 --> lf3
fwf2 --> lf4
fwn1 --> lf4
fwn1 --> lf1
fwn1 --> lf2
fwn1 --> lf3
fwn1 --> lf4

lf2 --o fwd1

flowchart
fwb1{Django}
fwb2{NodeJs}
fwb3{.NET}
fwb4{Gooland}
fwb5{Laravel}
fwn2{{NextJs}}
lb1[Python]
lb2[Java]
lb3[JavaScpit]
lb4[C++]
lb5[Go]
lb6[PHP]

subgraph Language BackEnd
lb1
lb2
lb3
lb4
lb5
lb6
end

subgraph Framworks BackEnd
fwb1
fwb2
fwb3
fwb4
fwb5
fwn2
end

fwb1 --> lb1
fwb2 --> lb2
fwb2 --> lb3
fwb3 --> lb4
fwb4 --> lb5
fwb5 --> lb6
fwn2 --> lb2
fwn2 --> lb3

flowchart
dbn1(((MySQL)))
dbn2(((PostgreSQL)))
dbn3(((MongoDB)))
db1[SQL]

subgraph Language DataBase
db1
end

subgraph DataBase
dbn1
dbn2
dbn3
end

dbn1 --> db1
dbn2 --> db1
dbn3 --> db1