[Project] Super styleguide
1 min read
This project is the little design system I used to build this blog.
The DS has few components and less variants as possible, because I developed just what I needed to build a simple blog like this, KISS! (a.k.a. Keep It Simple Stupid!) 😇
| Use | Tech stack |
|---|---|
| Presentation Layer | UIengine |
| Template engine | EJS |
| Content | Javascript |
| Documentation | Markdown |
| Repository | Open source on GitHub |
Project review, what I learned or improved #
Design
I designed the pages on my own and the result is quite banal and impersonal. I reevaluated a lot designers job!
UIengine
I used UIengine before in a very big project, with lots of components and variants, and I loved it. Here — in this little project — I loved it even more!! 😍 UIengine is very fast and easy to use, well done Dennis! Bonus point: under the hood, the core is completely written in JS and the framework used is VueJS 🙌🏻 The only flaw I saw is that UIengine unfortunately does not support Twig or Nunjucks template engines, which I think are the more versatile template engines to use.
EJS
This was the first (and probably the last!) time I used EJS as template engine. It was confortable to use JavaScript functions into the template, but I hate its terrible syntax with <%=> delimiters and for loops using functions. 🤢
All things considered I liked build this mini design system!