Setting up our project
Before we connect our frontend to the GraphQL backend that we created in the previous chapter, we need to bootstrap the frontend project to include some tooling and a design system.
Recently, Shadcn has become a really popular open source design system, which we will use for our project to make it look good enough without having to hire a designer. It uses ReactJS as a framework and is based on TailwindCSS for styling. If you are not familiar with these, here are the basic definitions:
- ReactJS is a JavaScript library that allows us to build User Interfaces (UIs) for web applications by creating reusable UI components. It follows a component-based architecture that promotes a declarative and efficient way of building interactive web applications.
- TailwindCSS is a utility-first CSS framework that provides a set of pre-designed utility classes. It enables developers to rapidly build responsive and customized UIs by composing these utility classes...
