Department Of Technology

Shivaji University
.
Event Hub

Presented by-
Rashmee Wadagave
Pranali Ravan
Srushti karoshi
Rutuja Santikar
 Table of Contents

01 02 03 04
Introduction Objectives Requirements Building Blocks

05 06 07 08
Usage & File Block Diagram Proposed Conclusion
structure Systems
. .
 Introduction
Project Name : Event Hub
Technology : Angular 7 for Frontend
Languages : Typescript, Javascript, HTML, CSS
Description : This application is developed in Angular 7.
This project provides multiple functionality by using which any member of
University of can share their knowledge on our portal for fellow students in college.
• Interested user can communicate with each other through our portal..
• For validation use of reactive forms.
• It’s a MEAN stack project .
• Authentication by AUTH guard.
• For Front end designing use of bootstrap.
 Objectives
To deal with this pandemic situation according to the perspective of all
students

To inform all students about events going on in our college.

 Problem Statement
● Communication gap between student and institute level.
● Lack of innovative project ideas.
 Software Hardware Requirements
Platform required - Windows NT platform OR Linux
Architectural requirement - Intel 32 bit processor
Interface - Graphical User Interface
IDE & Tools: Visual studio Code
Installation - node, npm, cli, angular, bootstrap, authentication guard
Server side installation- mongoose, json web token, body parser, handlebars
 Building Blocks of Project
Frontend
HTML, CSS, Bootstrap

Framework
Angular

Middleware
Node js, express js

Backend
Mongodb
Html & Css
● It is GUI.
● Designed. as Client’s Perspective.
 Bootstrap

● Free and Open-Source

Frontend Framework.
● It Contains Design
Templates.
 2
1

5
3

6
What happens internally ?

Major block
Component
 DI one of the
Design Pattern
Node Js

-Node.js is a server-side platform built on Google Chrome's JavaScript

Engine (V8 Engine).
-Node Js: Node Js is the next cross-platform, open-source runtime
environment used for the development of networking and server-side
applications.

Node.js = Runtime Environment + JavaScript Library

 Express Js

ExpressJS is a web application framework that

provides you with a simple API to build websites,
web apps and back ends.
Express Js is one of the latest and widely used
web frameworks in the Node.js environment.
Express Js is a web server built on Node.js
Mongoose is a client API for node.js which makes
easy to access our database from our Express
application.
 MongoDB

MongoDB is an open source NoSQL

database management program.
NoSQL is used as an alternative to
traditional relational databases.
NoSQL databases are quite useful for
working with large sets of distributed
data.
MongoDB is simple and is used for
storing databases. MongoDB is an
open-source document database and
a NoSQL database.
Connection of MongoDB to express Js and accessing
data from DataBase
Working of Event Organisation portal using MEAN Stack
Proposed Systems

Architecture Auth Guard on

Client-side
Authentication using JWT(Json Web Token)
Schema
 Conclusion
The purpose of this site is to educate students about new technologies through
different projects that are done by various students or Teachers. And also to give
important notices or events that will be held in college.

Web application “Event Hub” is useful for every institute. With the use of the
latest technology MEAN stack, development of this web application made it
easy. The scalable deployment of the web –services using MEAN stack also
eminence further exploration as the technology matures.

MEAN Stack is fast and gives notable results for a systematic web application.
Using MEAN Stack, we create a mobile application for this website
Adding more features to this site can make the website more convenient.
 References
[1] M. P. S. Mr. Ninaad Nirgudkar, “The mean stack,” International Research Journal of Engineering and Technology (IRJET), vol. 4, 2017.
[2] . Ramappa and D. Bein, “Musiqglobe.fm using mean stack,” 2018 IEEE 8th Annual Computing and Communication Workshop and
Conference (CCWC), pp. 661–664, 2018.
[3] A. J. Poulter, S. J. Johnston, and S. J. Cox, “Using the mean stack to implement a restful service for an internet of things application,” 2015
IEEE 2nd World Forum on Internet of Things (WF-IoT), pp. 280–285, 2015.
[4] “Angular documentation.” [Online]. Available: https://angular.io/docs
[5] “Node js documentation.” [Online]. Available: https://nodejs.org/en/docs/
[6] “Express js documentation.” [Online]. Available: https://expressjs.com/
[7] “Mongodb documentation.” [Online]. Available: https://docs.mongodb.com/
[8] K. K. Logesh M, “Mean stack web development,” International Research Journal of Engineering and Technology (IRJET), vol. 7, 2020.
[9] Munawar, Ghifari. (2018)., “Analisa Penerapan MEAN Stack Dalam Pengembangan Web Berbasis Deklaratif.”,9th Industrial Research
Workshop
and National Seminar.
[10] Patel, Viral, Daanyaal Kapadia, Deval Ghevariya, and Shiburaj Pappu. ”All India Grievance Redressal App.” Journal of Information
Technology
and Digital World 2, no. 2 (2020): 91-99.
[11] Kumar, Dinesh, and Dr S. Smys. ”Enhancing Security Mechanisms for Healthcare Informatics Using Ubiquitous Cloud.” Journal of
Ubiquitous Computing and Communication Technologies (UCCT) 2, no. 01 (2020):19-28.
[12] Ityala, Saiteja, Oshin Sharma, and Prasad B. Honnavalli. ”Transparent Watermarking QR Code Authentication for Mobile Banking
Applications.” In International Conference on Inventive Computation Technologies, pp. 738-748. Springer, Cham, 2019.
Thank you
 Login Check Manage username
Admin to system details
system roles
Manage password
details

Manage global
Check events
Manage
credenti
modules
-als Manage local events

Manage Projects

Manage
Prerequisites

Manage system Manage Roles of Manage user Manage Login

admins users permission report
 (global) Global
event c

Authenti- Local Show

login check event logout
cation event
(local)

D
 <subsystem>

Local <service>
Event

Authentication

Registered <include>
students

user Display

<include>

Global Identify
Event Provider
unRegistered
students
 Contents of this template
Here’s what you’ll find in this Slidesgo template:
1. A slide structure based on a project proposal, which you can easily adapt to your needs. For more
info on how to edit the template, please visit Slidesgo School or read our FAQs.
2. An assortment of graphic resources that are suitable for use in the presentation can be found in the
alternative resources slide.
3. A thanks slide, which you must keep so that proper credits for our design are given.
4. In the resources slide, where you’ll find links to all the elements used in the template.
5. Instructions for use.
6. Final slides with:
● The fonts and colors used in the template.
● A selection of illustrations. You can also customize and animate them as you wish with the
online editor. Visit Storyset to find more.
● More infographic resources, whose size and color can be edited.
● Sets of customizable icons of the following themes: general, business, avatar, creative
process, education, help & support, medical, nature, performing arts, SEO & marketing, and
teamwork.
You can delete this slide when you’re done editing the presentation.
 05
You can describree the
topic of the section he

01 02 03
About the project Requirements Project goals
You can describe the topic You can describe the topic
of the section here of the section here

Table of contents
04 06
Sneak peek Project stages Our team
You can describe the topic You can describe the topic You can describe the topic
of the section here of the section here of the section here
 Introduction
Do you know what helps you make your point
clear? Lists like this one:
● They’re simple
● You can organize your ideas clearly
● You’ll never forget to buy milk!
And the most important thing: the audience
won’t miss the point of your presentation
 01
About the project
You can enter a subtitle here if
you need it
 What are we working on?

Retail Residential Hospitality

Neptune is the farthest Mercury is the closest Saturn is a gas giant
planet from the Sun planet to the Sun and with a radius of about
and the fourth-largest the smallest of them all nine times that on Earth
Our company
Mercury is the smallest planet in the
Solar System and the closest to the
Sun. Its orbit around the Sun takes
87.97 Earth days, the shortest of all
About the project
Fifth in line from the Sun, Jupiter is, by
far, the largest planet in the Solar
System—more than twice as massive
as all the other planets combined
“This is a quote, words full of wisdom
that someone important said and can
make the reader get inspired.”

—Someone famous
 Now
Saturn is unique among the planets.
It is not the only planet to have
rings—made of chunks of ice and
rock—but none are as spectacular
or as complicated as Saturn's
 Future
Venus is the second planet from the
Sun and is Earth’s closest planetary
neighbor. It’s one of the four inner,
terrestrial (or rocky) planets, and it’s
often called Earth’s twin
 Budget
September
It’s the fifth planet from the
Sun and the largest

October
It’s the eighth and farthest
known solar planet

November
Saturn is a gas giant with a
radius of about nine times

Follow the link in the graph to modify its data and then paste the new one here. For more info, click here
A picture always
reinforces the
concept
Images reveal large amounts of data, so
remember: use an image instead of a
long text. Your audience will appreciate it
 Niche market

Target 1
It’s the fifth planet from
the Sun and the largest

Target 2
It’s the eighth and farthest
known solar planet
325,458,700
Big numbers catch your audience’s attention
 Project goals

Neptune Venus Saturn

It’s the eighth and Venus has a beautiful Saturn is a gas giant
farthest-known solar name, but also very with a radius of about
planet from the Sun high temperatures nine times that on Earth

Jupiter Mercury Mars

It’s the fifth planet from Mercury is the closest It’s the fourth planet
the Sun and the largest planet to the Sun and from the Sun and it’s a
in the Solar System the smallest of them all cold place
 Predicted results

$35,000
Expected income for 2022

10,000
Potential buyers next year

Follow the link in the graph to modify its data and then paste the new one here. For more info, click here
 04
Sneak peek
You can enter a subtitle here if
you need it
Sneak peek

You can replace the image on

the screen with your own work.
Just right-click on it and select
“Replace image”
 Sneak peek

You can replace the image on

the screen with your own work.
Just right-click on it and select
“Replace image”
A picture is worth
a thousand words
 Project stages

Phase 1 Phase 2
Jupiter is the It’s a gas giant and
Stage 1 biggest planet has several rings

Neptune is very far Despite being red,

Stage 2 away from us Mars is a cold place

Mercury is the Venus has a

Stage 3 smallest planet beautiful name
333,000.000
Jupiter is the biggest planet of them all

1,111,100 m
Earth is the planet where we live on
 Project timeline 2022
Ideation Execution Implementation

01
02
03
Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
 Our partners

Jupiter Mercury
It’s the fifth planet from Mercury is the closest
the Sun and the largest planet to the Sun and
in the Solar System the smallest of them all
 SWOT analysis

Strengths Threats
It’s the eighth and Saturn is a gas giant
farthest-known solar
planet from the Sun S T with a radius of about
nine times that on Earth

Weaknesses
It’s the fifth planet from
W O Opportunities
It’s the fourth planet
the Sun and the largest from the Sun and it’s a
in the Solar System cold place
 Our team

Rutuja Santikar Timmy Jimmy Sarah Brown

You can talk a bit about You can talk a bit about
Frontend design
this person here this person here
 Thanks!
Do you have any questions?
your-email@freepik.com
+91 620 421 838 | yourcompany.com

Credits: This presentation template was created by

Slidesgo, including icons by Flaticon, and
infographics & images by Freepik

Please keep this slide for attribution

Icon pack: startups | filled
 Alternative resources
Here’s an assortment of alternative resources whose style fits that of this template:

Vectors:
● Infographic template with linear map
● First communion blue elements

Photos:
● Man holding the bible on the table
● Side view of woman praying with bible
● Front view of woman praying with bible
● Priest holding holy cross on hands
● Woman reading the bible indoors I
● Woman reading the bible indoors II
● Top view hands holding holy necklace
● Woman praying for her loved ones
 Resources
Did you like the resources on this template? Get them
for free at our other websites:

Vectors: Photos:
● Gradient golden luxury business cards ● Confident middle aged man portrait
template ● Portrait of smiley woman posing next
● Linear hungary map infographic to her colleagues

Photos: Icons:
● Businesswoman
● Icon Pack: Startups | Filled
● Team meeting at office mock-up
● Close up teamwork concept
● High angle corporate meeting mock-up
● Portrait of gorgeous woman
 Instructions for use
In order to use this template, you must credit Slidesgo by keeping the Thanks slide.

You are allowed to:

- Modify this template.
- Use it for both personal and commercial projects.

You are not allowed to:

- Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
- Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.
- Include Slidesgo Content in an online or offline database or file.
- Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.
- Acquire the copyright of Slidesgo Content.

For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Instructions for use (premium users)
As a Premium user, you can use this template without attributing Slidesgo or keeping the "Thanks" slide.

You are allowed to:

● Modify this template.
● Use it for both personal and commercial purposes.
● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.
● Share this template in an editable format with people who are not part of your team.

You are not allowed to:

● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.

For more information about editing slides, please read our FAQs or visit Slidesgo School:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
 Fonts & colors used
This presentation has been made using the following fonts:

Unna
(https://fonts.google.com/specimen/Unna)

Raleway
(https://fonts.google.com/specimen/Raleway)

#0c1621 #fbe4b4 #ffffff

 Storyset
Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick
the background and layers you want to show and bring them to life with the animator panel! It will boost
your presentation. Check out How it Works.

Pana Amico Bro Rafiki Cuate

 Use our editable graphic resources...

You can easily resize these resources without losing quality. To change the color, just ungroup the resource
and click on the object you want to change. Then, click on the paint bucket and select the color you want.
Group the resource again when you’re done. You can also look for more infographics on Slidesgo.
 JANUARY FEBRUARY MARCH APRIL MAY JUNE

PHASE 1

Task 1

Task 2

PHASE 2

Task 1

Task 2

JANUARY FEBRUARY MARCH APRIL

PHASE 1

Task 1

Task 2
 ...and our sets of editable icons

You can resize these icons without losing quality.

You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.
In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.
Educational Icons Medical Icons
Business Icons Teamwork Icons
Help & Support Icons Avatar Icons
Creative Process Icons Performing Arts Icons
Nature Icons
SEO & Marketing Icons
 Premium infographics...

Text 1 Text 2 Text 3

“Mercury is closest “Despite being red,
planet to the Sun Mars is actually a
and the smallest” very cold place”

Add the title here 2016 2017 2018 2019 2020

“Venus has a “Neptune is the “Saturn is a gas

beautiful name and farthest-known giant and has
is the second planet” planet from the Sun” several rings”

Text 4 Text 5 Text 6

 Premium infographics...

75% “Mercury is closest

planet to the Sun
and the smallest”

“Mercury is closest
TITLE 1
75% planet to the Sun
and the smallest”

“Mercury is closest
planet to the Sun and
the smallest”
“Mercury is closest
planet to the Sun
and the smallest”
Premium Icons
Digital Marketing
Premium Icons
Online Learning
Premium Icons
Laboratory
Premium Icons
Goals & Results
Premium Icons
Infographic Elements