Introduction

Eventeer is a community-based event management website that aims to help organize events more structured and efficient. In developing Eventeer, I played a major role in making improvements and adding new features that enrich the user experience. Here is a more detailed explanation of my contribution:

• 1. Making All Eventeer Pages Responsive

  One of the main challenges in modern web development is ensuring that the site can be accessed comfortably on various devices, from desktops to smartphones. In this case, I took the following steps:

  • Using a Responsive CSS Framework: I utilized a CSS framework like Bootstrap that helps in creating responsive layouts more easily.
  • Media Queries: I implemented media queries to adjust the appearance of page elements based on the devices screen size.
  • Flexbox and Grid: By using Flexbox and CSS Grid techniques, I ensured that the elements on the page were neatly arranged and could adjust to changes in screen size.
  • Testing on Various Devices: To ensure that all pages were truly responsive, I conducted tests on various devices and screen resolutions, including mobile and tablet simulations.
  
  

• 2. Creating a New Feature (My Files)

  The `My Files` feature is an important addition that allows users to manage their files directly from the Eventeer platform. Here are the steps I took to implement this feature:

  • User Interface (UI) : Implementing the predetermined UI design into code.
  • Functional Testing: Ensuring that this feature runs smoothly and according to the predetermined flow.
  

• 3. Recaptcha Implementation

  Security is an important aspect in event management, especially in preventing spam and abuse. I implemented Google reCAPTCHA to improve security by:

  • Front-end Integration: Adding a reCAPTCHA widget to important forms such as registration, login, to ensure that users are human.
  • User Experience Testing: Ensuring that the addition of reCAPTCHA does not disrupt the user experience and remains easy to use.
  

• 4. Pusher Notification Implementation

  Real-time notifications are a feature that increases user interaction and engagement in the Eventeer platform. Pusher Notification implementation involves several key steps:

  • Pusher Integration: Using Pusher as a service to send real-time notifications. This includes creating notification channels and events.
  • Front-end Development: Adding client-side support for receiving and displaying notifications. This includes developing UI components that display notifications in a responsive and engaging manner.
  • Performance Testing: Ensuring notifications are sent and received quickly without overloading the server or disrupting application performance.