Developed with the Astro framework to optimize performance by reducing JavaScript overhead. It employs the concept of islands with React for efficient loading of components and resources. Tailwind CSS was used for the layout, offering quick customization of the interface. Global state was managed with Zustand, for efficient data management across the application, complemented by an API route for song fetching.
This project is made with TypeScript and Express.js to handle the API. The database is MongoDB and we use Mongoose to facilitate the work. The authentication is protected with JWT. On the frontend we use React, Axios to do the requests and TanStack React Query to handle the data efficiently. The components come from Shadcn/ui, which makes the interface beautiful and looks good on any device.
