Events Platform

Welcome to Not Art a web application that allows members of Nottingham's creative community find events, sign up to attend and add them to their own personal calendar. Staff members can add, edit and delete events form the platform.

Project Overview

A small community business has reached out to you to create a platform where they can create and share events with members of the community.

You have been tasked with building and hosting a platform (web app or progressive web app) that allows community members to view, sign up for, and add events to their own personal calendars. Staff members should have additional functionality to create and manage events.

Project Objectives

• Engage the user: Easy search functionality and access to free art and cultural events throughout Nottingham.
• Ease of use: The user can sign-up for a event with one click and add an event to their personal calendar.
• Easy platform management: An admin user can create, edit and delete events.

Application Features

• Event Search: All users with or without an account can search for events by event type (e.g. music, theatre, etc) or using the search bar.
• User Login: Registered users can log in to sign up for events and access these events via their profile page.
• Google Calendar Integration: Once a user has signed up for an event they will have the option to add this event to their personal calendar.
• Staff Authorisation: Admin users can manage events by adding new events, editing event details and deleting them.

Tech Stack

This project was created using TypeScript, Angular and Supabase.

Getting Started

Prerequisites

• Install Node.js which includes Node Package Manager.

Installation

1. Clone Repository

https://github.com/JenWarman/events-platform.git

2. Navigate to Project Directory

cd into events-platform

3. Install Dependencies

npm install -g @angular/cli

4. Serve Application

ng serve

5. Build Application

ng build

6. Start Application

npm start

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.

Usage

1. Search Events: Any user can search events by selecting event type or searching in the search bar.
2. Log in: Users can create an account using a simple registration form then log in to sign up for events.
3. Sign up for an Event: A user can sign up for an event by a simple click of a button. This event will then be added to your events which can be accessed on their profile page or by the search button.
4. Add Event to Calendar: Once the user has signed up for an event they can add this event to their personal calendar.
5. Staff Use: A staff member or admin has access to additional event management features and will see buttons to add, edit and delete events.

To search and sign up for events use the following log in -

email: user@user.com
password: 1234pass

To access event management tools and add, edit or delete your own events use the following log in -

email: admin@admin.com
password: pass1234

Contact

• Project Developer: Jen Warman
• Contact: LinkedIn
• Portfolio: Jen Warman