[tomerbd]

Any tips for a server side developers on how to create similar user interface? how was it created? fully custom? based on some frameworks?

[asien]

Looking at the source code it’s done with Preact and the css seems to be written by hand.

I was a server side centric dev for a long period before being able to design decent apps.

Here are my tips:

- Spend as much time as possible on Photoshop / Adobe XD / Paint.Net or whatever software design you are using. Do not start to write any HTML or CSS before the design has all the pages done.

- Spend time in Design Network like Dribbble to be inspired by top notch creators

- Code stuff you see . If you see a design you like on Dribbble you should try to do it in HTML and CSS.

- Frameworks will not make you a good front end developers. The majority of front end devs just use Flexbox these days, frameworks are less and less important for CSS you’ll be faster if you just learn the behavior of html and css without frameworks.

- Be patient

[vectorEQ]

there's so many frameworks etc to create interfaces, in so many languages..

this is made mostly in JS so it runs clientside / offline (i think that would be the motivation to do it in js).

click view source in the browser :-) or 'inspect' if you use chrome, and look into the .js files which you find from there.

Should get you on your way :)

though if you are server side developer, maybe php is more interesting as it processes on server side and will be easier to interact with your server side developments

css language is used for style related things in any case (where elements might be generated from code like js or php, but css still reflects the style in the browser)

[hiddevb]

The project is open source, the github link is on the same page. It's build with Preact, a small react alternative.