Limit number of past events shown on Events page

[shiinasugioka]

Describe the problem:
If a user wants to view past events, they scroll through a long list of every event SWECC has ever hosted. To recreate, go to the events page on the SWECC website and scroll to the bottom.

Describe the solution you'd like:
A user should only be able to view the past few events on the website. Past 3 or 4 should be a good number but feel free to adjust this based on what looks best.

[wena04]

Idea on solving this issue:

Make the events like different card elements so then their shape and size look more organized and neat, and then add arrow buttons on each side so then can go to the next set of events. I included like a rough sketch or idea of it in the image here. it's also kind of like the feature that the uw ischool main page has with their main image under the navbar.

Do you think this idea is ok? If it's ok, I can try to implement it. @shiinasugioka

[shiinasugioka]

@wena04 That looks great! I've assigned you to the issue. If you need anything from my end let me know. Also if you use any APIs (not sure if that's necessary but if that's something you use) make sure to use .env files as our repo is public

[shiinasugioka]

@wena04 how is your progress on this issue?

[wena04]

I haven't had much time to finish the implementation completely, I just started working on the actual implementation this week. I'm currently still trying to make all the events into card elements. @shiinasugioka

@wena04 how is your progress on this issue?

[shiinasugioka]

@wena04 Sounds good, all I care about is that you're working on this issue and haven't abandoned it. Good luck and reach out to us if you need any help!

[wena04]

@shiinasugioka I just opened a pull request for some of my progress right now on this issue. I basically got everything to display already, just need to spend time troubleshooting some issues to do with the previous and next buttons. #99