What is needed to be done in this project:

Currently we have first iteration of the forum at gistoscope.com website. You need to register to see
inside. We have some features on this website with proper nested forum structure and some features
are on gistlogger site. Your goal is to finish the site to make it fully functional with all standard features
which website should have like menus, buttons controls etc. to make all proper features to achieve
functionality and makes it aesthetically pleasing and been responsive. There are three main pages on
the website which are tree page, main thread page and user page.

The site currently uses Laravel, JS, SQL, vue & vuex, HTML CSS etc.

Forum Functionality
This is a scientific forum to communicate complicated ideas, theories etc. Users should be able to easily
browse posts, read them, create new posts, criticize other authors writing and edit existing writings
made by other users.

The main pages are:

1. Subject tree
2. Gist threads
3. Personal pages
1. Subject tree page:
Subjects,
The starting point is idea of the knowledge tree. Every subject in discussion starts under a subject. The
initial subject (the top subject) is “Everything”.

Each subject can be divided into maximum of 6 sub-subjects (SS). Each SS can be divided into more 6 SS
etc.

The subject tree looks like this:

Under each subject or SS we can place as many posts as we want.

Posts.
The main activity of the users is to create (write) and read posts. Every post on the forum we call “gist”.

2. Gist Threads Pages

This site is a forum with nested thread forum structure. It means that in a thread you
may have multiple replies to the same post as well as multiple edits of the same post.

3. The structure of a gist.

Each gist on the forum consists of 3 main fields: the topic, the point and the text. This is how a typical
gist looks like:

The green bar is the topic, the blue is the point and the white is the text. We call graphical picture of a
gist shown above as a gist card or simply a gist.

4. The gist’s controls

1. There are radio button style check marks. They allow different manipulations with
gists like moving them in a new location, deleting them, sending to somebody’s
attention, flagging etc. Users with different level of authority see different number of
check marks.
2. Flair tool – let select from a list of flairs or create a new flair.
 3. 3 voting buttons with up and down options and an option to increase the vote by
multiple clicking.

4.

Rotation tool – let replace the top gist in the pile with the next one in que. If you
press the arrow buttons next to edit you rotate gist cards which have the same point
in the pile and if you press button next to version, you rotate gist cards which has
different points in the same pile.

To start a thread a user selects an appropriate subject and creates a gist under it:

The next user can either

A) create a new gist under the same subject:

B) Create a reply:
 C) Create an edit of the gist:

In tern the next user can read the posted gists and either post a new gist under the same subject or
place a reply to any posted gist or edit any posted gist.

When creating a reply user must create the topic of the gist, the point of the gist and the text.

When creating an edit the user can change the point of the gist or keep the same point but he must
change the text to consider the gist edited. There is an unlimited number of replies for any gist.

Gist Family
Several gists can form a family. If two or more gists have the same topic and the same point and are
children of the same parent (a subject or parent gist) they are called siblings. If the two or more gists
have the same topic but different subjects and are children of the same parent (a subject or parent gist)
they are called first cousins. If two or more gists have different topics and points but are children of the
same parent (a subject or parent gist) they are called second cousins.

All siblings in the pile which is a center of review at a time have dark blue strip for summary. All first
cousins have light blue strip for summary. The shade of color depends on how much different idea
between two posts is. There is a mouse drug function for the gist cards. If a user clicks on “read more” it
opens the gist card so everything on it is displayed and an editor appears to enable editing the text in
HTML format. New gist creation tool looks in the same style as regular gist card.

Piles

All siblings and first cousins form a pile (partially cover each other). All second cousins are located on the
same horizontal level on a page.

comments system
There is additional way to write on the site: it is the comments system. The system is a simple nested
forum, each thread stats as a comment to any gist. The only difference between the gist forum and
comment forum is that gists have 3 fields and comments have only one. Otherwise, the comments have
the same functionality as gists and are nested.

Each gist card has controls which:

A) Author info and picture

B) Check marks (3 pieces)
C) Up and down vote button with option of multiple click up or down.
D) Reply button.
E) Edit button.
F) Comments button
G) Flair button.

5. The Personal pages.

Each user is assigned a user page. It has a complete user profile, the sample list of most popular gists,
the user’s favorite gists and controls, similar to dashboard controls. Moderators have options to control
position of gists and subjects to more and delete them, assign authority level to users.

All main pages look in the same design style.

Security
Secure login and browsing are needed to be fully functional. A new user should be able to login using
google, FB, twitter etc accounts. And proper protection against attacks.
 The websites for reference are
http://gistlogger.com/index.php/home
And http://gistoscope.com
Communication is:
V1234567@gmail.com
Skype Vasily_USA