EVENTORIUM

Report Bug Demo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation Steps
3. Available Roles and Credentials
4. Screenshots

📋 About The Project

Welcome to the Eventorium project! This is the web application (frontend) for Eventorium, an event planning platform designed to streamline the organization of various events such as weddings, corporate gatherings, and birthday parties.

Our web app, built with Angular and styled using Angular Material, provides an intuitive user interface to help users easily browse, plan, and manage their events directly from their browser.

Happy planning with Eventorium! 🎉

🔧 Built With

🚀 Getting Started

Follow the steps below to set up and run the project locally.

📦 Prerequisites

Before you begin, ensure you have the following installed:

• 🟦 Node.js – Version 18 or later (includes npm)

• 🅰️ Angular CLI – Version 18 or later (Install with: npm install -g @angular/cli)

• 💻 Web browser – Chrome, Firefox, or any modern browser

🛠️ Installation Steps

1. 🔁 Clone the repository

git clone https://github.com/natasakasikovic/eventorium-frontend.git
cd eventorium-frontend

2. 📦 Install dependencies

npm install

3. 🚀 Start the development server

ng serve

5. 🌍 Open the app in your browser

• 🔍 By default, the app will be available at http://localhost:4200.0
• If that port is already in use, Angular CLI will suggest an alternative.

👥 Available Roles and Credentials

The system supports the following roles with corresponding credentials:

• Organizer

  • Email: organizer@gmail.com
  • Password: pera

• Service and product provider

  • Email: provider@gmail.com
  • Password: pera

• Administrator

  • Email: admin@gmail.com
  • Password: pera

• User (registered via quick registration)

  • Email: user@gmail.com
  • Password: pera

(back to top)

📸 Screenshots

🏠 Home Page with Chat and Drawer Menu

📆 Event Details View

🛍️💬 Solution Details View with Comments

🏢 Company Details View

👤 Account Details View

📁 More Screenshots

You can view additional screenshots in the screenshots folder.

(back to top)