Together-100Devs / Together

Together is a group calendar application using the MERN stack intended to bring discord communities closer!
https://together.cyclic.app/
MIT License
167 stars 112 forks source link

Visualize all events returned from `getAll` #407

Closed Caleb-Cohen closed 11 months ago

Caleb-Cohen commented 1 year ago

Related Issues Project: Admin Dashboard Depends on:

Description utilize getAll in DataService with an undefined date range Visualize objects returned in AdminDashboard.js Each visualized object should have event name, description, and author

Acceptance Criteria Visualizes all events Cypress testing to ensure it's visualized

cblanken commented 12 months ago

I'd like to jump on this issue now that we've closed #406

Caleb-Cohen commented 12 months ago

I'd like to jump on this issue now that we've closed #406

All yours!

Caleb-Cohen commented 12 months ago

I'd like to jump on this issue now that we've closed #406

PS. I updated the ticket to correctly reflect updates from #406

cblanken commented 11 months ago

Okay, I've added a visualization for events (see below), but currently I'm having issues generating more events while running the app in dev mode, so I'm still working on that to test a longer list of events.

Right now I've set up the page to load them when clicking the "Get All Events" button, but I'm assuming we'll want those to load automatically and I'll need to use something like useEffect to sync the data like how it's done in Calendar.js? Just wanted to clarify before I dig into it more.

image

Caleb-Cohen commented 11 months ago

Okay, I've added a visualization for events (see below), but currently I'm having issues generating more events while running the app in dev mode, so I'm still working on that to test a longer list of events.

Right now I've set up the page to load them when clicking the "Get All Events" button, but I'm assuming we'll want those to load automatically and I'll need to use something like useEffect to sync the data like how it's done in Calendar.js? Just wanted to clarify before I dig into it more.

image

While I'm now familiar with other methods to accomplish this, let's keep the functionality the same for consistency.