https://github.com/festwrap/festwrap-ui
Frontend for the Festwrap webapp.
https://github.com/festwrap/festwrap-ui
concerts festival music playlists
Last synced: 4 months ago
JSON representation
Frontend for the Festwrap webapp.
- Host: GitHub
- URL: https://github.com/festwrap/festwrap-ui
- Owner: festwrap
- License: mit
- Created: 2024-09-23T07:21:29.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-09-19T20:44:10.000Z (9 months ago)
- Last Synced: 2025-09-19T20:56:46.102Z (9 months ago)
- Topics: concerts, festival, music, playlists
- Language: TypeScript
- Homepage:
- Size: 1.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/DanielMoraDC/festwrap-server).
# Local development
Make sure Node 20+ and Make are available in your system. Then set everything up:
```shell
make local-setup
```
This will install the npm dependencies and prepare the env file (i.e. `.env.`). Make sure to fill the `NEXTAUTH_SECRET` with the output of:
```shell
openssl rand -base64 32
```
# Run the app
The app will look for the [backend service](https://github.com/DanielMoraDC/festwrap-server) in `http://localhost:8080` by default.
## Development app
```shell
make run-dev
```
## Production local app
```shell
make run
```
## Production dockerized app
```shell
make run-docker
```
You can then stop it by typing:
```shell
make stop-docker
```
# Recommendations for a great experience using TailwindCSS 🧙🏼♂️
### Add TailwindCSS Intellisense
Check the link: [TailwindCSS Intellisense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
### 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:
```shell
"tailwindCSS.classAttributes": [
"class",
"className",
"ngClass",
".*Styles.*",
".*Classes.*",
".*CLASSES.*",
"Classes",
"classNames",
],
```
To avoid long strings in VSCode and allow see all classes in multiple lines
```shell
"editor.wordWrap": "on",
```