Overview

UI for Festwrap, an APP to facilitate the creation of custom playlists for the musical events you attend. We use Spotify for hosting the playlists.

The backend is located in this repository.

Local development

Make sure Node 20 and Make are available in your system. Then set everything up:

make local-setup

This will install the npm dependencies and prepare the env file. Make sure to fill the env file with the corresponding variables. You will need to to create your own Spotify app following these instructions.

Run the app

To run the app, type:

make run-app

Run production build locally

Generate the build

make run-build

Generate secret for the NextAuth secret

openssl rand -base64 32

Put the secret generate in the NEXTAUTH_SECRET env variable

Run the app

make run-start

Recommendations for a great experience using TailwindCSS 🧙🏼‍♂️

Add TailwindCSS Intellisense

Check the link: TailwindCSS Intellisense

Add these settings in VSCode

To work properly with intellisense when the classes are in constants or variables, depending on how you name the variables:

"tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass",
    ".*Styles.*",
    ".*Classes.*",
    ".*CLASSES.*",
    "Classes",
    "classNames",
],

To avoid long strings in VSCode and allow see all classes in multiple lines

"editor.wordWrap": "on",