Software Alternatives & Reviews

How to Build a To-do app with Svelte, Strapi & Tailwind CSS

Recommended and mentioned products

  1. Yarn is a package manager for your code.

    Yarn: A fast, secure, and reliable Node package manager. To install yarn globally, run the following command on your terminal.
  2. A utility-first CSS framework for rapidly building custom user interfaces.

    Tailwind CSS is a utility-first CSS framework use for writing CSS in a composable fashion right in your HTML. It is a powerful utility that allows you to build modern, pixel-perfect, and fully responsive interfaces without writing your custom CSS. Unlike Bootstrap, Tailwind CSS is not opinionated, and it doesn't have prebuilt components, making building good looking-interfaces fun!
  3. Cybernetically enhanced web apps

    Svelte is another core technology we will be using in the tutorial. Svelte is the talk of the town in the JavaScript ecosystem because it follows an entirely different approach in building user interfaces as opposed to React and Vue, as it doesn't use the Virtual DOM.
  4. Strapi is the most advanced Node.

    Strapi is an open-source headless Node.js CMS built purely with JavaScript that helps to create fully customizable and scalable APIs. With Strapi, we can build APIs using REST or GraphQL architecture.
  5. Promise based HTTP client for the browser and node.js - axios/axios

    We will use Axios to make our HTTP request to get our data from the backend. Run the following command in your Svelte project directory to install Axios:.
  6. Simple and flexible HTML, CSS, and JS for popular UI components and interactions

    Tailwind CSS is a utility-first CSS framework use for writing CSS in a composable fashion right in your HTML. It is a powerful utility that allows you to build modern, pixel-perfect, and fully responsive interfaces without writing your custom CSS. Unlike Bootstrap, Tailwind CSS is not opinionated, and it doesn't have prebuilt components, making building good looking-interfaces fun!