LetStory
KAIST | fall 2016 | Jean&Goh&Oscar&Miro
Project Summary* (maximum three sentences): (1) the problem you're addressing, (2) what your solution is, (3) what unique approach you're taking in your solution (how it's different from other similar solutions). This information will also go into the project gallery.*
Instruction: Give a quick tour of the interface, and also show off some of the highlights of the interface.
Application does offer a set of two basic interfaces offered to requesters and workers respectively. This interface is being chosen by a user while logging into the platform.
The first step is hence, to register, the registration, does require the user to state desired username, email used, password (minimum length of 6 character) and submit by pressing the submit button
The user is then redirected to a informative page, where we explain who is the requester and who worker and explains how to use a respective interface.
Right after these acknowledgements, user is expected to login into the system with a role of the convenience, the login form, does offer the option to pick the role, using a selection box.
If logged as a requester
If logged as a worker
The main dashboard shows cards of stories that are currently awaiting contributions. Worker sees, which stages of collect/create/vote are available and can pick the story based on either the activity needed or the name and description of all drafts of stories.
The detail of the story is the main interface, where the worker can contribute. The worker can either upload new materials, or add new paragraphs or vote on paragraphs of other workers. The worker can leave the story, transiting to a dashboard, should the contribution of worker be over, or, just to let the worker explore more stories.
Technical Description: What frameworks / libraries / technical stack have been used for both the frontend and the backend.
Backend
Lang: Javascript
Frameworks: NodeJS, ExpressJS, webpack
Datastore
Lang: Javascript
Frameworks: Google Firebase
Frontend
Lang: Javascript, JSX, CSS
Frameworks: Bootstrap, ANTD, React, webpack
Deployment
Prototype URL: A link pointing to your prototype, where the system can be tested live.
Prototype Code: A link to a Github repo.