📎 Events Registration App

Welcome to the Events Registration App, a web-based application designed to streamline event registration processes!

Description

This application empowers users to register for upcoming events effortlessly. Here's what you can expect:

Events Board

• Users can easily browse through a curated list of upcoming events, complete with essential details like event title, date, organizer, and brief descriptions.
  • Convenient Event Browsing: Users can observe the paginated list of available events, with infinite scroll for an improved browsing experience.
  • Pre-populated Event Database: Event information is readily available, stored in a pre-loaded database.
  • Sorting Capability for Events: Users can sort events by title, event date, or organizer for quicker access.

Registration Form

• Clicking on "Register" redirects users to the event registration page, where they can fill out a form with their name, email, birthdate, and referral source (e.g., social media, friends).
  • Effortless Registration: A user-friendly registration form simplifies the process for attendees.
  • Database Integration: Submitted responses are securely stored in the application's database.
  • Form Validation: Built-in validation ensures data accuracy and completeness.

Participant Details

• Participants can click on individual events to access additional details, including participant lists.
  • Comprehensive Insights: Event attendees can view participant lists for enhanced engagement.
  • Search Functionality: Users can search participants by full name or email for efficient navigation.

Tech Stack

• Client: HTML, CSS, JavaScript (React)
• Server: Node.js
• Deployment: www.render.com
  • Frontend Repository Link : GitHub Repository
  • Backend : GitHub Repository
• Database: MongoDB

Note: The backend server is hosted on render.com's free tier. Please be aware that the initial response after prolonged inactivity may take 1-5 minutes.

How To Run:

1. Open your terminal (Mac OS) or cmd (Windows).
2. Check npm version:
   • Run npm -v and verify it's installed correctly.
3. Install Dependencies:
   • Navigate to the project folder and execute npm install.
4. Run Project:
   • Enter npm start in the terminal.
5. Open http://localhost:3000 in your preferred browser to view the application.

Live Demo

• Hosting URL: Event Registration App

Additional Information

• Author: Ostrynska Kateryna
• For further inquiries or assistance, feel free to reach out to the author via email or the website contact form. 🎉