Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TODO] Create a Component for customizing the User Registration for an Event #101

Open
Dnouv opened this issue Jan 28, 2023 · 12 comments
Open
Labels
good first issue Good for newcomers milestone-1 Issues for first phase of roadmap reactjs/nextjs Issue related to Frontend

Comments

@Dnouv
Copy link
Member

Dnouv commented Jan 28, 2023

Create a form component to be incorporated within the Event Scheduler/Create Component, which allows the event organizer to get some required and additional details about their event attendees, and this data can, later on, be used by them for any analytics purpose or just to keep the record.

Preview of Form component:
image

Similar to the KYC (Know your customer), it will be a KYA (Know your Attendee)

Please feel free to comment and ask questions, if any. Thank you!

@Dnouv Dnouv added good first issue Good for newcomers reactjs/nextjs Issue related to Frontend milestone-2 Issues/features for the second phase of roadmap milestone-1 Issues for first phase of roadmap and removed milestone-2 Issues/features for the second phase of roadmap labels Jan 28, 2023
@jayp5545
Copy link

Hi can i do this ?

@Dnouv
Copy link
Member Author

Dnouv commented Jan 29, 2023

Hey @jayp5545

I appreciate your interest in this issue. However, before getting started to code, could you please explain your initial approach? If you are familiar with the eventyay you might have seen a similar feature when creating an event. It will be good if you know what this is going to be used for and how it works in Eventyay.

Thank you!

@jayp5545
Copy link

Hi ! No, I do not have an idea about what this is going to be used for. It would be great if you could provide me any references or could link me to a different issue if this is not a beginner friendly task since I am just getting started with open-source contributions.

Thank you

@jayp5545
Copy link

Or I will just explore the codebase and then come up with a solution. Thank you

@Saksham294
Copy link

Hey @Dnouv can't we simply create a form for this? However, I would like to ask if this issue only requires a form component or an integration with the backend to store the data too.
If we also want to store the data in the backend then I would like to understand how we are integrating the API

Thanks

@Dnouv
Copy link
Member Author

Dnouv commented Feb 6, 2023

Hello @Saksham294

I appreciate your interest in the issue.

can't we simply create a form for this?

No, we are component-based, and this is not a form component it is a full-stack component with interactions with the backend

If we also want to store the data in the backend then I would like to understand how we are integrating the API

Sure, go ahead and explore the codebase

Thank you!

@jignyasamishra
Copy link

i would really like to contribute to this issue

@jignyasamishra
Copy link

My brief idea :I can create a form which allows the event handler to receive all the information of the attendee I can create a POST request API which can get data and store in database and also can create a preview page for the attendee to view his details and give him option to edit it if he/she feels he needs to change something and that change will be reflected in db too for backend I can create a express server for backend and for frontend I can create responsive layout using react js and they can interact concurrently.

@Anubhav84454
Copy link

Hi @Dnouv , I would really like to contribute for this issue. Here is my step by step approach :

  1. I'll create 2 Schemas Or Models using mongoose for both : 'Required Form Fields' (1st) and 'Information to collect'. (2nd)
  2. For 1st schema, I'll include all required records like first name, last name and email and their data type will be taken by form from front end like text for first name and so on.
  3. For include, require and show public fields, I'll take a boolean value as input from the event organiser using event handlers in front end and will use a ternary operator in their schema fields to decide whether to include them or not.
  4. Similarly for 2nd schema ( Information To Collect model) I'll follow the same steps (2nd and 3rd) from above.
  5. Now whenever a Attendee data is inserted like first name, last name etc., all other remaining fields like require, show public, will get included or not for each attendee, will known to us(database) already. (Post API)
  6. Then update option can also be given if event organiser later wants to update something. We can then make changes to same schema accordingly. (PUT API)

@Dnouv
Copy link
Member Author

Dnouv commented Apr 11, 2023

Thank you so much @jignyasamishra and @Anubhav84454, for taking up the issue.

I am sorry for not getting back to you sooner. There is one point I would like to mention; if you explore a bit more into the codebase, you will find that we already have a backend (with PSQL database and exposed POST endpoints); this feature involves creating the frontend components for the interaction with this API endpoints.

Thank you!

@AnUbHaVafs
Copy link

Hi @Dnouv , I'm Anubhav @Anubhav84454 [this is me, by mistake I logged in with different google account at github], thank you for replying #101 (comment). I'm working on this issue.

@coderboy-yash
Copy link

hi @Dnouv I am interested in working on this issue, assign me this issue so I can start working to solve this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers milestone-1 Issues for first phase of roadmap reactjs/nextjs Issue related to Frontend
Projects
None yet
Development

No branches or pull requests

7 participants