fractal-build-example
bookstack-reading-list-app
fractal-build-example | bookstack-reading-list-app | |
---|---|---|
2 | 2 | |
2 | 2 | |
- | - | |
0.0 | 2.0 | |
over 2 years ago | 12 months ago | |
SCSS | JavaScript | |
- | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
fractal-build-example
-
Learning in public
fractal-build-example is a base to build reusable web components organized and tested in a design system.
-
fractal.build as an atomic design tool
In my first fractal.build example, I used a gulp setup with SASS for a quick proof of concept. In a future JAMStack project, I would go for PostCSS to use native CSS 3 / CSSnext features and try to avoid unnecessary tool depencies.
bookstack-reading-list-app
-
Learning in public
bookstack-reading-list-app is a project using JavaScript-based full-stack web development, see see Building a Reading List Web App with Node, Preact, and Tailwind CSS.
-
Building a Reading List web app with Node, Preact, and Tailwind CSS
This is a work in progress, last updated on 21 June 2021. I will only highlight a few code examples and helpful links in this article. You can see the full code and commit messages on GitHub.
What are some alternatives?
fractal-twig-boilerplate - This is a simple boilerplate for Fractal using Twig, Bootstrap 4, Webpack 4 and SASS.
to-view-list-mern - Keep track of online stuff, which you may want to view later. Made using MERN stack.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
site-kit-wp - Site Kit is a one-stop solution for WordPress users to use everything Google has to offer to make them successful on the web.
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
tailwind-jit - A simple dev starter for tailwindcss with live reload server
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
faeshare - MERN based social media web app made with the help of Next.js, Socket.io and TailwindCSS.
Visual Studio Code - Visual Studio Code
jamstack.org - The official Jamstack site
reddish-mern - Simplified ‘reddit’ (popular social-media site) clone. Made using MERN stack.