Discorb is a Discord website clone. Fully responsive. Features all graphics from the original site. A showcase of web development; the website is non-functional. Currently, only includes the home page.
Built with NextJS and Material-UI in roughly three weeks to improve at web development.
See for yourself! Discorb
They look pretty close. But look carefully at the logo.
Who did it better?
Discorb is a react-based website using Material-UI and NextJS for server-side rendering. Discorb is hosted with vercel.
Discorb uses Material-UI. A react component library based on the principles of material design (invented by Google). MUI helps you follow these principles which normally makes their resulting apps conform, but it can be heavily customized as demoed here. Fonts are imported directly from CSS. The discord color palette and other various design choices override the MUI defaults. MUI depends on EmotionJS, a CSS in JS library.
Material-UI is based on EmotionJS. Emotion is a CSS in JS library designed for writing css styles with JavaScript.
I found CSS in JS to be very ergonomic. Keeping everything in the JSX is definitely convenient. There are some concerns about the performance with CSS in JS. I not only found the loading times to be instantaneous, Discorb actually loads faster than Discord.
Overall, I went from basic experience in react, html, and css to understanding and using Material-UI and NextJS to make Discorb in roughly three total weeks. Speaks to the power of Material-UI. My experience with web development so far has been a good one.