Caltcha

Introduction

Caltcha is a date voting web app designed to automate the event time decision for groups with accuracy up to half an hour.

When it comes to choosing common available time, it could be time consuming discussing through the results.

With our online community, Autumn Co-Learning Space hosting multiple meetups for members throughout every year, we find it problematic doing time selection frequently.

We find a couple of products available now but too complicated just for teams or meetups at a 15 participant scale, and with anticipation to extend it to a community-using full functional website, we decided to build the tool on our own.

Role

I worked as a front-end developer and UX designer on this project, proposed design solutions and cooperated on the implementation of the date selection system.

Time

July 2017 - Aug 2017

Method & Tool

Method: User Story, Wireframing, Prototyping

Tool: Sketch, Balsamiq, HTML, CSS, Javascript, ReactJS, NodeJS

User Story

We started this project by creating User Stories, defining three main types of user:

Event Creator: User who starts an event.
Must-join Member: Event would be compromised if the user doesn't join.
Invited Member: User who is invited but not necessarily need to come.

And then, we organized the actions users would do to decide what features to be implemented:

As an Event Creator, I would be able to:
- Create a new event by choosing suitable time.
- Decide the voting deadline.
- Delete the events I created.
- Chose the must-join member and invited member for an event.
- See the voting results and statistics.
As a Must-join Member, I would be able to:
- Vote the time I'm available to a event I designated to join.
- Edit the time I voted before the deadline.
- See the voting results and statistics.
As an Invited Member, I would be able to:
- Join a event or not if invited to a event.
As an Excluded:
- I would't be able to see any information if not invited.

Wireframes

An early stage lo-fi prototype to demonstrate the functionality and structure of the web app.

Project Github Page

ycEw18913/Caltcha

brew install mongo Create database directory sudo mkdir -p /data/db Find your username Taking ownership to /data/db // assume your username is John sudo chown -Rv John /data/db If you don't want to run mongod everytime you need, the following command will automatically start your database while the computer is running: brew services start mongo npm install npm run build npm start

https://github.com/ycEw18913/Caltcha

🔙

Works