teddmcadams / frontend

New frontend using webpack

OpenCollective frontend for Events

We are developing this new frontend for OpenCollective.com using next*.

Our goal is to speed up development time thanks to Webpack and hot-module-reloading.

We also want to simplify the stack by removing Redux which seems overkill for our use (at least for now).

We are starting by implementing the new Events feature, as described in opencollective/opencollective#177

As we were brainstorming about the architecture (whiteboard), we realized that an Event is actually a collective on its own. Like a collective, an Event can have revenue and expenses. And tickets are the equivalent of the different membership/sponsorship Tiers of a collective. Likewise, a campaign to raise money for a certain feature is also an "Event" where the tickets are the equivalent of the different "rewards" that you can find on crowdfunding platforms. So we have a path towards progressively moving the entire frontend to this new architecture.

But, let's go step by step and for now the goal is to release the ability for a collective to create an event, issue tickets at different prices (including free and discounted prices for existing members), and check in the guests.

Live examples:

• https://opencollective.com/sustainoss/events/2017
• https://opencollective.com/opencollective/events/meetup-1
• https://opencollective.com/brusselstogether/events/meetup-2

TODO

• Implement the EventPage (including Google Maps)
• Implement the flow to show your interest for an event
• Implement the flow to register to a free event
• Implement the flow to register to a paid event
• Implement the flow to register for a password protected ticket / discount code
• Implement the flow for creating/editing an event
• Add tests with Jest
• Find a solution for Server Side Rendering (SSR)
• Implement check in guests

`* (we initially started with create-react-app but their lack of support for Server Side Rendering made us switch to Next)