https://github.com/fjxhi/event-webapp
A web app for displaying event and festival information. The app offers features such as a timetable, favorites management, multilingual support, and a detailed event view.🎶
https://github.com/fjxhi/event-webapp
events festival nodejs vue vuejs webapp
Last synced: about 1 month ago
JSON representation
A web app for displaying event and festival information. The app offers features such as a timetable, favorites management, multilingual support, and a detailed event view.🎶
- Host: GitHub
- URL: https://github.com/fjxhi/event-webapp
- Owner: FJXHI
- License: apache-2.0
- Created: 2025-03-16T19:47:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-17T22:16:45.000Z (over 1 year ago)
- Last Synced: 2025-03-17T23:26:21.086Z (over 1 year ago)
- Topics: events, festival, nodejs, vue, vuejs, webapp
- Language: Vue
- Homepage:
- Size: 110 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Event WebApp
🌐
[Deutsch][DE],
[English][EN]
[DE]:Translations/README.de.md
[EN]:README.md
A **modern web app** for displaying festival and event information, developed with **Vue.js**. The app allows users to explore the schedule, artists, and stages and save their favorites.
Check it out: [fjxhi.github.io/Event-WebApp/](https://fjxhi.github.io/Event-WebApp/)
## 🚀 Features
- **🕒 Timetable** – Displays all performances with filtering options (tags (genre)).
- **⭐ Favorites Function** – Allows users to save acts, stages, and performances as favorites.
- **ℹ️ Detail Views** – Provides detailed information about each performance, stage, and act.
- **📱 PWA Support** – The web app is available as a Progressive Web App (PWA), enabling offline functionality and a native app-like experience.
- **📲 Optimized for Mobile Devices** – Features a user-friendly design with an interface optimized for smartphones and smooth navigation.
- **🌍 Multilingual Support** – Supports multiple languages via [`vue-i18n`](https://github.com/intlify/vue-i18n).
- **⚙️ Configurable Event Info** – The event title, image, and additional details can be flexibly managed via JSON.
- **🎭 Configurable Performance** – Easily update and customize the lineup and stage information through JSON.
### 🏗️ Planned Features
- **🗺️ Interactive Map** – Visually display stage locations.
- **🎛️ Advanced Filters** – Combine multiple filters at once.
- **🎨 Configurable Color Theme** – Customize the app's appearance with adjustable color themes.
- **🌙 Enhanced Dark Mode** – Improved dark mode for better readability and aesthetics.
- **🔍 Search** – Search for acts, stages, and performances.
- **📆 Calendar Export** – Export performances to a personal calendar.
## 🛠️ Installation & Setup
### 1️⃣ Requirements
- [Node.js](https://nodejs.org/) installed
- [Vue CLI](https://cli.vuejs.org/) or [Vite](https://vitejs.dev/)
### 2️⃣ Installation
```sh
# Clone repository
git clone https://github.com/FJXHI/Event-WebApp
cd Event-WebApp/Event-WebApp
# Install dependencies
npm install
```
### 3️⃣ Start Development
```sh
npm run dev
```
The app will now be available at [`http://localhost:5173/Event-WebApp`](http://localhost:5173/Event-WebApp).
### 4️⃣ Build for Production
```sh
npm run build
```
## 🔗 API & Data Sources
The app uses JSON files for event data:
- **`/data/eventInfo.json`** → Contains event metadata
- **`/data/performances.json`** → All performances
- **`/data/stages.json`** → Stage information
- **`/data/acts.json`** → Artist data
## 🌍 Multilingual Support
Multiple languages are supported via [**vue-i18n**](https://github.com/intlify/vue-i18n). Language files are located in `src/locales/`.
## 👥 Contributing
Pull requests and suggestions are welcome! Create an issue for bugs or feature requests.
## 📝 License
[Apache License 2.0](LICENSE) © 2025 [FJXHI](https://github.com/FJXHI)