(https://andriiskliar.github.io/eliftech-react/)
This project was created using [Create React App].
During the project's development, the following libraries were utilized:
- For styling: React-loader-spinner, Toastify, Module.css.
- Database: (https://www.mongodb.com/)
- The backend was written on node.js and rendered on render.com (https://eliftech-node.onrender.com/)
Events:
This page consists of a list of event cards. Each card includes:
- Title
- Description
- Event Date
- Organizer
You can navigate to the registration page or view the participants of the current event by clicking the corresponding buttons. Additionally, infinite scroll is implemented for seamless loading of more event cards. Filtering options are also available to help you find specific events.
Registration:
On this page, you can register for an event. The user will see a form that contains the following fields:
- Full Name
- Date of Birth
- "How did you hear about this event?"
- Event Name
After submitting the form, the response is saved in the database.
Participants:
On this page, the user can view the list of registered participants for all events or for the current event.