https://github.com/ostrynska/events-app
Web-based application for events registration
https://github.com/ostrynska/events-app
api events-app formik-yup prop-types react redux-toolkit routes
Last synced: 25 days ago
JSON representation
Web-based application for events registration
- Host: GitHub
- URL: https://github.com/ostrynska/events-app
- Owner: Ostrynska
- Created: 2024-05-13T08:39:39.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-15T15:41:58.000Z (about 2 years ago)
- Last Synced: 2025-02-13T01:49:19.167Z (over 1 year ago)
- Topics: api, events-app, formik-yup, prop-types, react, redux-toolkit, routes
- Language: JavaScript
- Homepage: https://event-registration-app-eliftech.netlify.app/
- Size: 682 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📎 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](https://www.render.com)
* **Frontend Repository Link** : [GitHub Repository](https://github.com/Ostrynska/events-app/)
* **Backend** : [GitHub Repository](https://github.com/Ostrynska/events-app-backend)
- **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](http://localhost:3000) in your preferred browser to view the application.
## Live Demo
- **Hosting URL**: [Event Registration App](https://event-registration-app-eliftech.netlify.app/)
## Additional Information
- **Author**: [Ostrynska Kateryna](https://ostrynska-kateryna.netlify.app/)
- For further inquiries or assistance, feel free to reach out to the author via [email](mailto:kateriinag@gmail.com) or the [website contact form](https://ostrynska-kateryna.netlify.app/contact).
🎉