Skip to content

wersosn/projekt-angular

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 

Repository files navigation

Version PL | ENG | React version

Aplikacja do zapisywania i zarządzania wydarzeniami

Spis treści

Zespół

Projekt został wykonany przez:

Opis

Aplikacja umożliwia użytkownikom zapisywanie się na wydarzenia organizowane przez administratora. Użytkownicy muszą się zarejestrować lub zalogować, aby brać udział w wydarzeniach. Aplikacja wyświetla wszystkie dostępne wydarzenia na stronie głównej, a użytkownik może wybrać wydarzenie, zapoznać się z jego szczegółami, a następnie wybrać godzinę, na którą chce się zapisać.

Po zapisaniu się na wydarzenie, dane o wydarzeniach, w których bierze udział użytkownik, są widoczne na jego koncie oraz w kalendarzu wydarzeń.

Funkcjonalności

  • Rejestracja i logowanie użytkowników: Użytkownicy mogą zarejestrować się i zalogować do aplikacji.
  • Lista dostępnych wydarzeń: Wszystkie dostępne wydarzenia organizowane przez administratora są widoczne na stronie głównej aplikacji.
  • Szczegóły wydarzenia: Użytkownicy mogą zobaczyć szczegóły wydarzenia, takie jak opis, data, godzina, lokalizacja oraz dostępność miejsc.
  • Zapis/wypis na wydarzenia: Użytkownicy mogą zapisać/wypisywać się na wydarzenie, na które chcą się zapisać.
  • Kalendarz użytkownika: Zapisane wydarzenia są widoczne na koncie użytkownika oraz w kalendarzu wydarzeń.
  • Zarządzanie wydarzeniami przez administratora: Administratora może edytować,usuwać,tworzyć wydarzenia a nawet dodawać,usuwać wolontariuszy z wydarzeń.
  • Ograniczenie liczby miejsc: Liczba dostępnych miejsc na wydarzeniu jest ograniczona. Po zapisaniu się użytkownika liczba dostępnych miejsc zmniejsza się.

Technologie

  • Angular 2+
  • Node.js
  • TypeScript
  • JavaScript
  • HTML
  • SCSS

Konfiguracja projektu

Wymagania

  • Zainstalowany Node.js razem z menadżerem pakietów npm

Przygotowanie projektu

Pobranie i przejście do głównego folderu projektu:

git clone https://github.com/wersosn/projekt-angular.git 
cd projekt-angular/NGO-master

Instalacja wymaganych pakietów:

npm install

Uruchomienie aplikacji w trybie deweloperskim:

ng serve

Aplikacja zostanie uruchomiona lokalnie i dostępna pod adresem http://localhost:4200/

Uruchomienie Node.js:

cd projekt-angular/Backend
node app.js

Backend zostanie uruchomiony lokalnie i będzie dostępny pod adresem http://localhost:3000/

Dokumentacja

Wygenerowanie oraz uruchomienie dokumentacji:

npm run compodoc

Dokumentacja zostanie uruchomiona lokalnie i dostępna pod adresem http://localhost:8080/

Instrukcja użytkownika

Spis treści dostępny jest w pliku README w katalogu instrukcja


Event Registration and Management app

Table of contents

Team

The project was carried out by:

Description

This application allows users to register for events organized by an administrator. To participate in events, users must sign up or log in. The application displays all available events on the homepage, where users can browse event details and select a preferred time slot for registration.

Once registered, users can view their scheduled events in their account dashboard and the event calendar.

Functionalities

  • User Registration and Login: Users can create an account and log in to access the application.
  • List of Available Events: All events organized by the administrator are displayed on the homepage.
  • Event Details: Users can view detailed information about an event, including its description, date, time, location, and available spots.
  • Event Registration and Cancellation: Users can sign up for or cancel their registration for an event.
  • User Calendar: Registered events are displayed in the user's account dashboard and the event calendar.
  • Event Management for Administrators: Administrators can create, edit, and delete events, as well as add or remove volunteers from events.
  • Limited Capacity Management: Events have a limited number of spots. Once a user registers, the number of available spots decreases accordingly.

Tech stack

  • Angular 2+
  • Node.js
  • TypeScript
  • JavaScript
  • HTML
  • SCSS

Project setup

Requirements

Installed Node.js with the package manager npm

Instalation steps

Clone the repository and navigate to the project folder:

git clone https://github.com/wersosn/projekt-angular.git 
cd projekt-angular/NGO-master

Install the required dependencies:

npm install

Run the application in development mode:

ng serve

The application will be available locally at http://localhost:4200/

Run Node.js:

cd projekt-angular/Backend
node app.js

The backend will be available locally at http://localhost:3000/

Documentation

To generate and open the project documentation, run:

npm run compodoc

The documentation will be available at http://localhost:8080/

About

University project - event management app (Angular 2+ version)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •