Example of AngularJS + EventStore for a real-time quiz app
- You need to have EventStore running locally on the default port, with projections enabled
- Create the projections from
config/projections.jswithin EventStore - Make sure you have Node.js installed
- Type
npm install - Type
. ./build.sh - Modify run.sh to point to your EventStore location
- Type
. ./run.sh - Navigate in your browser to http://localhost:3030/index-step.html
Here's what it looks like in action:
- Start one browser and keep it on the Quiz tab.
- Start another and move to the Results Monitor tab, which observes the QuestionAnswers projection.
- Answer the question in the first browser, and notice the answer pop into place in real-time on the Results Monitor tab.
- Continue taking the quiz, one question at a time.
- If you open a third browser and check the Show current answer counts, you'll see the counts update in real-time as other people select a given answer choice. This observes the QuestionAnswerCounts projection.
The Questions tab is supposed to let you edit Questions. But, it's broken.
There are some challenges and opportunities to think about when using Events and an app like this:
- When someone edits a Question, that is an Event, right?
- Therefore, the previous attempts at that question in a particular version are more related to each other than are any new attempts based upon the edit.
- This opens up a lot of questions as to how to design the data model correctly to beneft from analyzing behavior based upon a continually evolving set of questions and answer choices.
Oh I don't know...reimplement with MeteorJS :-D