Create an endpoint to send form responses to the relevant form.

• It shall have a menu containing two options:
  • Settings
  • Events
• Settings will have the following sections:
  • Club: Club logo, banner, name, one liner, about, photos, videos, organizers
  • Team: Add, Edit, Remove core organizers.
• Events will have the following:
  • All Events. Each event will have one of these tags: live, upcoming, or cancelled.
  • Every event will have a screen to edit the event info, view attendees registered for it, option to add attendees if the event is live/upcoming.
  • Every live event will have a cancel button which would ask for confimation using a captcha like in github to confirm cancellation and changes the event status to cancelled.

• Make it swipablw or add buttons.
• Give a Heading
• Have a one line description
• Display the date
• Dispay a Live/Upcoming tag on the top right corner
• Display a background image if available
• Add buttons to navigate other slides.
• Replace the images to work with links instead of imported ones.
• It display clickable dots in the carousel but floats there forever.

SQL suits the data needs of the product. So, it is necessary to change the backend to use mysql.
Reference article: w3schools

• It should display a bunch of labels, starting from the top right corner (to be supplied as an array)
• A filter icon on the top left corner which pops up a menu containing tags (to be supplied as an array)
• Blank space where the card components will be rendered on demand.
  (local state management is enough, use react-query)

Footer Wireframe:

Try to create something close to this.

• Banner
• Name
• One Liner
• Date + RSVP
• Tags
• Full Description
• Speakers
• Facilitators
• Organizers

Create an endpoint to add a new event to a club.

• Add logo to the right
• Profile icon and About link on the left
• The profile and about should shrink into a hamburger menu

Get creative.

• Have a cool hero section with a centered logo & socials, a background images, and the bottom is shaped like a circle.
• Pictures from club activities going around and a little descriptions about the clubs.
• Show all club icons.
• And CTAs to explore clubs.

Create an API endpoint to add core members to a club.

Upgrade event about to store and render HTML code instead of just text.

• Display user name.
• Display their profile picture/placeholder picture.
• Display their
• Their social media links.
• List of all events they registered for.

• Add an environment variable.
• Add the code in app.js that is required to connect.
• Add the Mongodb's thing to the secret.

Add a form that would ask the user some basic questions about their interests and recommend a relevant club that they could join or follow.

• Create a form with relevant questions.
• Add a try again button in the results.
• Fine Tune the Gemini API with club descriptions, sample user answers, and responses.

Some pages are showing up like they've already been scrolled, like the EventPage.
Fix it so that every page starts from the top instead of some other part.

• Make sure all the data is in UTC format in the data that is received by the frontend and is sent to the backend.
• Implement logic whereever relevant to process the dates and represent it in this format: HH:MM AM/PM Month DD, YYYY.
• Use the date to determine the status of the event (live, upcoming, completed)

Create the MySQL database using the following schema:

Right now the web app works fine on wide screens (like laptops).
Make it responive to mobile screens as well. This may invole writing more components as well.

• The form should pop up on any screen when clicked on the "Profile" button, or the profile icon.
• It must have a way to toggle between Login and Sign Up.
• It must present the logo.
• It should follow the same rounded corners design like other components.
• It must have a close button.

• Create a new folder called backend. Create a seperate node project inside of it using npm init -y.
• Create a MongoDB database on thier public website.
• Add relevant dependencies (Express, Nodemon, Mongoose).
• Refer to the data.json in src/carousel for the model of data and create an api with the endpoint /short-event-desc.

Yeah, that's what needs to be done.