DevFest'23 BBSR Website & Check-In APP

DevFest'23 BBSR Website & Check-In APP

Introduction

The purpose of devfest.gdgbbsr.in was to serve as the central online hub for DevFest Bhubaneswar 2023, providing a comprehensive platform for participants. The website aimed to showcase essential information about the event, including details about the organizing team, featured speakers, scheduled events, venue location, sponsors, and various other pertinent information. Additionally, the site facilitated a seamless ticket booking experience, serving as a vital tool for participants to secure their attendance at the DevFest.

The website functioned as a comprehensive repository, offering details about the organizing team, featured speakers, event schedules, venue specifics, and sponsors. Its online presence significantly elevated the visibility of the event, reaching a wider audience and providing a platform for potential participants, sponsors, and collaborators to engage with the event details. The inclusion of an online ticket booking system streamlined the registration process, offering participants a convenient means to secure their attendance. Beyond administrative efficiency, the website played a crucial role in communication, promoting the event through speaker profiles, agenda highlights, and team information. Overall, devfest.gdgbbsr.in not only contributed to the branding and credibility of DevFest Bhubaneswar but also enhanced the overall participant experience by fostering engagement and accessibility

About GDG Bhubaneswar

GDG Bhubaneswar is a local group of developers who are specifically interested in Google products and APIs (https://developers.google.com/products/). In addition to these developers, we also include other developers who live in Bhubaneswar and want to contribute to the group. The ultimate goal is to bring together all developers of Bhubaneswar to create a thriving developer ecosystem. We host a variety of technical activities for developers - from demos and tech talks to hackathons. The membership is open to and free for all interested.

About DevFest'23 BBSR

DevFest 2023 Bhubaneswar is the premier tech conference that brings together developers, tech enthusiasts, and industry experts for a day of learning, networking, and innovation. This year's event promises to be bigger and better than ever, featuring a diverse range of sessions, workshops, and activities tailored to inspire and educate attendees.

Tech-Stack Used

The technologies and tools utilized in the development of the DevFest Bhubaneswar 2023 website and the accompanying Flutter application include:

Front-end Website:

  1. Programming Language: JavaScript

  2. Framework/Library: React, Vite

  3. Server-Side Framework: ExpressJs (NodeJs)

  4. Database: MongoDB

  5. Payment Gateway: Razorpay

Mobile App:

  1. Platform: Android

  2. Programming Language: Dart

  3. Framework/Library: Flutter

  4. QR Code Scanning Library: mobile_scanner

These technologies were carefully chosen to create a dynamic and responsive website using React and Vite on the front end, with ExpressJs and NodeJs handling server-side operations and MongoDB serving as the database. For the mobile application, Flutter was employed, utilizing Dart as the programming language. The integration of Razorpay facilitated secure online transactions for ticket purchases on the website. Additionally, the mobile_scanner library played a crucial role in implementing QR code scanning functionality within the Flutter application for efficient event check-ins.

Account Creation and Login

The user account creation process for DevFest Bhubaneswar 2023 involved collecting pertinent details such as email ID, work email ID, LinkedIn profile, password, and phone number during the signup process. These user details were stored as documents in MongoDB, with each document featuring an attribute named "is_verified" initially set to false. This attribute denoted that the user account was not yet verified. Upon registration, users had the option to log in using their password or initiate the login process by resetting the password through an OTP sent to their registered email ID.

Additional features related to user accounts included a manual verification step conducted by the admin. This step ensured that professional user accounts were vetted and verified before gaining access to certain event-related privileges, such as purchasing tickets. The "is_verified" attribute played a crucial role in managing this verification process.

The importance of user accounts for event management lies in streamlining communication, enhancing security, and facilitating a personalized user experience. By collecting detailed user information, the event organizers could effectively communicate with participants, share updates, and tailor event-related information based on user preferences. The manual verification process added an extra layer of security, ensuring that only verified and professional users could access certain features of the event platform, contributing to a more controlled and high-quality event experience.

Professional User Verification

The need for professional user verification in the context of DevFest Bhubaneswar 2023 stems from the desire to curate a targeted and high-quality audience for the event. Ensuring that attendees are working professionals aligns with the event's objectives, fostering meaningful networking opportunities, knowledge exchange, and collaboration within a community of industry experts.

The manual verification process from the admin portal involved the creation of a user-friendly interface displaying a comprehensive list of individuals who registered for the event. The admin portal facilitated efficient management by allowing administrators to search for users using their name or email ID. A dedicated column for LinkedIn profile links provided additional context about each registrant.

The critical aspect of the verification process was the manual inspection conducted by the management team. Administrators would visit the LinkedIn profiles of individuals listed in the portal, verifying their professional status. This hands-on approach ensured a thorough and accurate assessment of each user's professional background.

Emphasizing the importance of ensuring a professional audience for the event is pivotal for maintaining the integrity and relevance of DevFest Bhubaneswar 2023. By manually verifying participants as working professionals, the event organizers could tailor content, sessions, and networking opportunities to meet the expectations and needs of a skilled and industry-specific audience.

Ticketing System

Ticketing System: Integration with Razorpay Portal

The integration with the Razorpay portal for ticket purchases was a straightforward and user-friendly process. Once a verified user decided to purchase a ticket, they clicked on "Get Ticket" triggering the Razorpay portal to pop up. The user was then prompted to make a payment of Rs. 249, with the flexibility to choose any convenient payment method. Upon successful payment, the user's transaction details were securely processed through Razorpay.

User Experience during Ticket-Buying Process

The user experience during the ticket-buying process was designed for simplicity and efficiency. The pop-up Razorpay portal provided a seamless and intuitive interface for users to complete their transactions. The flexibility in payment methods accommodated diverse user preferences, enhancing the overall user experience.

Security Measures for Online Transactions

To ensure the security of online transactions, the integration with Razorpay involved industry-standard security protocols. Secure payment gateways and encryption techniques were employed to safeguard users' financial information, providing a secure environment for online transactions. This approach aimed to instill confidence in users regarding the safety of their payment details.

Ticket Generation: Unique QR Codes

Upon successful payment, users gained access to the Tickets tab, where they could download their tickets. Each ticket was generated with a unique QR code attached, serving as a digital identifier for that specific user and transaction. In the backend, the user's MongoDB document was updated with the unique QR code and the corresponding transaction ID, ensuring a traceable record of each purchase.

Delivery of Tickets via Email

After completing the ticket purchase, users received a confirmation email notifying them that their DevFest ticket had been successfully acquired. The email also included instructions on how to download the purchased tickets from the Tickets tab. This dual approach ensured that users had both immediate confirmation and a future reference in their email inbox.

Importance of QR Codes for Event Check-In

QR codes played a pivotal role in the event check-in process. By attaching a unique QR code to each ticket, the event organizers streamlined the check-in procedure. Attendees could simply present their digital tickets, and the QR codes were scanned using the Flutter application, facilitating a quick and efficient entry process. The use of QR codes enhanced security, reduced manual check-in time, and contributed to an overall seamless event experience for both participants and organizers.

Flutter Application for Check-in

The Flutter application developed for event check-in served as a powerful and versatile tool to streamline the entry process at DevFest Bhubaneswar 2023. Designed with efficiency in mind, this app provided a user-friendly interface for seamless QR code scanning and check-in procedures, enhancing the overall event management experience.

QR Code Scanning Feature: The highlight of the Flutter application was its QR code scanning feature, enabling swift and accurate event check-ins. Attendees presented their digital tickets, each embedded with a unique QR code, to event staff equipped with the Flutter app. The scanning process was intuitive; the app read the QR code from the ticket, instantly verifying the attendee's registration status. This streamlined check-in significantly reduced waiting times and enhanced the overall efficiency of the event entry process.

Additional Functionalities - ID Card QR Exchange: An innovative aspect of the Flutter application was its ability to facilitate QR code exchanges. Attendees could present both their digital ticket and an ID card featuring a QR code. The app would then scan both QR codes, effectively linking the ticket to the attendee's ID. This feature not only served as an additional layer of verification but also paved the way for enhanced event interactions and personalized experiences.

Food and Swag Distribution: Building on the concept of QR code exchanges, the Flutter application extended its functionality to manage food and swag distribution. After the initial QR exchange, the QR code on the ID card became a versatile token. By scanning this ID card QR code, event organizers could efficiently track attendees who had already checked in and extend personalized services, such as facilitating food distribution and managing the distribution of event swag. This innovative use of QR codes not only improved the logistical aspects of the event but also added a layer of personalization to the attendee experience.

Challenges Faced During Development

  1. Payment Race Conditions:

    • Challenge: The system faced issues when multiple users attempted to make payments simultaneously. Due to the asynchronous nature of payment processing, only those users whose payments were successfully processed first were able to secure tickets, leaving late but successful payments without corresponding tickets.

    • Resolution: To address this challenge, a two-fold solution was implemented. Firstly, an automated system was introduced to monitor successful payments and immediately assign tickets. Secondly, a manual intervention process was established for cases where users made successful payments but were late to secure tickets. In such instances, organizers could manually refund payments or manually allocate tickets to affected users.

  2. Ticket Drops and Assignment Issues:

    • Challenge: Some users experienced instances where their payments were successful, but their tickets were not generated or assigned correctly. This inconsistency led to a need for manual intervention to ensure that all successful payments resulted in corresponding tickets.

    • Resolution: We periodically checked the backend system to identify instances of payment success without ticket assignment. Organizers would then use this system to manually assign tickets to affected users, ensuring that everyone who successfully completed the payment process received their corresponding event tickets.

In conclusion, the journey of developing devfest.gdgbbsr.in for DevFest Bhubaneswar 2023 has been a testament to innovation, collaboration, and dedication. The website served as a comprehensive information hub, offering insights into the event's schedule, speakers, venue details, and sponsors, while also providing a seamless ticketing system through integration with Razorpay. The manual verification process from the admin portal ensured a professional audience, enhancing the overall quality of the event. Additionally, the Flutter application for event check-in brought efficiency with its QR code scanning feature, enabling quick and secure entry. Challenges faced during development, such as payment race conditions and ticket assignment issues, were successfully navigated through a combination of automated monitoring and manual intervention.