Tech Stack

Let’s review our tech stack, I’ll provide a little background for each technology we are using.

WXT Framework

WXT Framework 
WXT is a simple and flexible framework for building web apps. We use it to create responsive and fast user interfaces with minimal setup. WXT makes it easy to manage layout, routing, and state in one tool.

React

React 
React is a popular JavaScript library for building user interfaces. We use React to develop the frontend of our apps, allowing us to create dynamic and interactive web applications in an easy-to-understand way.

Tailwind CSS

Tailwind CSS 
Tailwind is a CSS framework that helps us build responsive designs quickly using pre-made classes. It makes designing easier by allowing us to reuse the same styles throughout our app without writing extra CSS.

DaisyUI

DaisyUI 
DaisyUI is a component library built on Tailwind CSS. It helps us speed up UI development by providing pre-designed components like buttons, cards, and modals, which we can easily customize.

Stripe

Stripe 
Stripe is a payment processing service. We use it to handle payments securely in our app, such as subscriptions or one-time payments, ensuring a smooth and safe experience for our users.

Firebase

Firebase 
Firebase is a platform that helps us build and manage apps. We use it for real-time databases, user authentication, and storing files. It provides tools like Firestore and Firebase Authentication to manage data and users in one place.