Evora - Event Management System

Evora is a powerful and intuitive application designed to streamline event management, team coordination,
and certificate generation, making the process seamless and efficient.

Tech Stack
Frontend: Built using Dart with Flutter for a smooth and responsive UI across multiple platforms.
Backend: Two backend implementations:
Node.js with MongoDB for a scalable and flexible data structure. Handles Team Registration .
Spring Boot with SQL for robust and structured data handling. Handles Event Creation .

Download and Sceenshots

Below is the link to the drive where you can download the APK (compatible with Android & iOS) and
view the app screenshots:

https://drive.google.com/drive/folders/1m2hXJb5Jzd3-cUC-HBO5paB4kGhm3X5i?usp=sharing

Explore Events Section

This section of the Evora app is designed to display various events that have been added to the platform.
The goal is to provide a seamless way for users to discover and register for different types of technical and
non-technical events.

What Events Are Displayed?

The Explore Events section includes:
1. Hackathons – Competitive coding events where participants
build projects within a timeframe.
2. Workshops – Learning sessions conducted by experts.
3. Ideathons – Idea-pitching events for innovation challenges.
4. Webinars – Online knowledge-sharing sessions.
5. Coding Contests – Competitive programming challenges.

Users can filter events based on categories like "Hackathon" ,

"Coding" , etc , using the tabs at the top.

UI & Functionality Breakdown

The interface provides a clean and modern look, ensuring

easy navigation.
Each event card displays key details like:
Event Name
Date & Duration
Prize Pool (if applicable) ,
Clicking on an event opens a detailed view where users can
see full event details and register.
Backend & API Integration How It Works Behind the Scenes

The backend of Evora is deployed on a dedicated API 1. The app makes an API call to fetch event data.
Click here to view it : 2. The data is parsed and displayed dynamically
https://powerful-art-production.up.railway.app/events in the UI.
3. Users can filter events based on categories.
The backend handles event storage, retrieval, and 4. When a user taps an event, detailed event info
updates, ensuring that: is retrieved from the backend.
New events are dynamically fetched from the
database.
Users get real-time updates on event changes.
Event registrations and participation data are securely
stored.

Frontend Development with Dart

The frontend of this app is built using Dart with Flutter.

Why Dart?
Cross-platform support – Works on Android & iOS.
Smooth UI rendering – Ensures a fast and fluid user experience.
State management – Efficient handling of user interactions and real-time data updates.
The UI elements (buttons, cards, filters) are styled to be responsive and user-friendly.
There is also a Notification section at the top right corner , where all the notifications of the event are displayed .

Inside Any Event

UI Features
The Interface provides all the fields which have been
stated in the deployed backend .
It has a sleek design which contains all the fields
which are present in the Add Event Section .

There is a Register Now Button at the bottom of all

every event section , which directs us to the
Participant / User registration Page .
Add Event Section

UI and Field Displayed

The Add Event Section consist of many fields which can be

filled with which we can create any kind of new Event .

Fields Present :

1. Event Name : The name of the event to be entered in this

field .
2. Description : We can enter the Description for the particular
event .
3. Duration : You can enter the duration of the event(in hours
or days )
4. Event Date : The start and ending date of the event to be
entered in this field .
5. Event Type : Any type of event such as - Hackathons ,
Coding , Webinar , Workshops , etc , can be entered to
create an event of the same .
6. Rank 1 Prize : Description of the Rank 1 price ( if
applicable)
7. Rank 2 Prize : Description of the Rank 2 price ( if
applicable)
8. Rank 3 Prize : Description of the Rank 3 price ( if
applicable)
9. Team Size : Team Size details to be entered
10. Internship Available (Yes / No ) : The button can be toggled
depending on if the event provides internship or not to its
participants .
11. Select Image : Image for the poster to be selected and
displayed accordingly .
12. Submit Event : Button created with which we can create an
event with the above fields filled .

Backend and API Integration

When the Button is clicked a new Event is created and
displayed on the Explore event section .
The backend for creating this event is deployed on a dedicated
API : https://powerful-art-production.up.railway.app/events
Team Registration Section
Inside the Event Registration page for any event when the
button Register Now is clicked it directs us to this page where
we register for the event , this page has some fields required to
participate in this event and a register button with an API
integration , which helps us register in this event and the
details of the participants are dynamically stored in the
database .

UI Features
The fields present in the Registration Pages are :

1. Name : Participant / User name to be filled .

2. Email : Enter Unique email for the participants
each time .
3. Age : Age of the participant
4. Password : A strong password for registration
5. Team Name : A team name of the participants to
be entered . Participants with the same team name
would be placed together in the same team .
6. College Name : College Name of the Participants
are to be entered for easy segregation .
7. Register : A Register button is provided which
when clicked would register the participant with
all the details successfully and a Push Notification
would be displayed on top of the app .
8. If Error occurs , it would show Error and
participants are required to fill in the fields again
with different entry to avoid duplicate registration .

Backend and API Integration

Evora is a streamlined platform designed to simplify
team registration. The intuitive frontend collects
essential details such as Name, Email, Age, Password,
Team Name, and College Name to ensure a
comprehensive registration process. Behind the scenes,
our robust API efficiently handles all registration
requests, ensuring data integrity and security. You can
check out our demo API endpoint here :
https://evora-production.up.railway.app/api/users

Whether you're signing up as an individual or a team,

Evora provides a hassle-free, secure, and engaging
registration experience.
Profile Section
UI Features
This section consist of the users profile - User and
Their Username , along with a Leaderboard section
and Event-related Information .

Leaderboard :
The leaderboard section consist of a leaderboard of
participants registering for the event . In the future
when any specific type of point system would be
introduced it has the potential of updating itself real
time .

Event-Related Information :
Consist of some of the features we are planning to add
in the app soon :
Number of Events Organized
Upcoming Events
Past Events Hosted
Total Participants Across Events
Event Creation Stats
Events Attended
Upcoming Registered Events
Total Events Participated

Chatbot Section
UI and Backend Features
The sections contains a chatbot , where users can go
ask any doubts / queries and it would answer them .

Integrating AI in any app is necessary to solve user

queries and keeps the user satisfied .

OpenAI model have been used in the backend to run

the chatbot . The UI is Sleek and modern and has a
better readability for better UX .
Search Section
UI and Backend Features
The UI contains a search engine wherein you can
either search for the College Name to get their
respective teams or the Team Name to get their
respective members . The UI is simple yet modern to
give the user a better UX .

Advantages
Quick Access – Users can instantly find teams
from their college instead of scrolling through a
long list.
Better Organization – Makes it easy to view all
teams registered under a particular college.
Efficient Navigation – Reduces time spent looking
for relevant teams.
Enhanced User Experience – A smooth and
responsive search function improves usability

How it Works ?
The user types the name of their college in the
search bar.
The app dynamically filters and displays teams
associated with that institution.
The results are displayed in blue cards, showing
the team name and college.
The UI ensures an interactive and responsive
experience.

Use Cases
Participants can find their registered team easily.
Event Organizers can track teams from different
colleges.
Team Members can check if their team
registration is successful.
New Participants can discover teams from their
college and potentially join them.

This feature makes event participation more

organized and seamless, ensuring every team is easily
discoverable.
Team Details and Automatic
Certificate Generation Section
Team Details View
When a team is selected, the interface displays the team
details, including relevant information such as team
members, their roles, and any additional details stored in
the system.
This ensures a clear and organized presentation of each
team's information.

Automatic Certificate Generation

This section enables seamless automatic certificate generation
with just a single click. Here’s how it works:
1. Click to Generate
Users click on the Certificate Generation option.
The system processes the request and dynamically
generates a certificate for the respective individual or
team.
2. Download Option
Once the certificate is ready, a download option
appears.
Users can click on the Download button to save the
certificate to their preferred location (local drive,
cloud storage, or other suitable destinations).
3. Access & Open
The downloaded certificate can then be accessed and
opened using Drive , a PDF viewer or any compatible
application.

Implementation and Its Advantages

Efficiency – Automates the certificate generation process,
reducing manual effort.
User-Friendly – Just a click generates and downloads the
certificate instantly.
Storage Flexibility – Users can save the file in any desired
location (local drive, cloud, or external storage).
Scalability – Can be expanded for multiple participants
or different certificate templates.
Time-Saving – Eliminates the need for manual certificate
creation, making the process seamless and error-free.
Customization – Can include personalized details such as
participant names, event titles, and achievements.