soraya2/vn-seriewijzer

vn-seriewijzer's Issues

Remove soldaat from the list

Post on persona-check will only send mood

When the user presses the submit button, only checkbox information of the last step will be sent to the server.
Because of disabling step 1 and step 2 only step 3 is sent. Create an overlay when pressing the button on step 3 asking the user for confirmation then send the information to the server.

Filter page doesn't have a search bar

Hamburger menu doesn't work on detailpage

The hamburger menu does work on the home page but doesn't on the review/detailpage.
Possibly because the script isn't added to the ejs file.

User don't know how long the persona-check will be

When a user has to fill in the persona-check they'll have no idea about the length of the form.
Perhaps a step-indicator will enhance the UX and will give the users an idea of how long it takes to fill out the form.

Get results after series-game

When a user plays the game, create a top 5 to give to them afterwards

Only show matches area on frontpage when user is logged in && seriesgame == complete && personacheck == complete

Hide the 'Jouw Matches' area/use a placeholder on the frontpage and only show it when the user has completed all the 'games'.

Items in persona not aligned to top

When the text from an item is divided to two lines, the items are aligned to bottom not to top.
Perhaps, margins and padding will help.

Change seriesgame styling and make it responsive

The seriesgame doesn't have the same style as the rest of the website. Also the game isn't responsive yet

Function that redirects to the login page when not logged in

You can still comment when you're not logged on

When a user hasn't logged on with facebook, they are still able to comment on reviews.
Write an if/else statement checking if a user has a session

Persona-check items don't have a hover state

When a user hovers over an item, the user doesn't get any feedback that the item is clickable.
Create a hover state like changing background, bold text, bigger item etc.

When Javascript is turned off, Form Validation doesn't work

Validation also needs to take place on the server side.

Users can't go back a step

The user can't change their choices after clicking on the next button.
Adding a previous button allows the user to correct a mistake they made.

Make series game routing dry

Base the routing on params

Redesign review overview tool

Better overview of all current reviews.
Realtime updating ?

After server form validation, all your choices are gone

When you didn't fill out the form correctly and the page reloads with feedback, your selection is gone.
Send the form data back to the client and select their choices again.

Persona check not cross-platform and cross-device compatible

On older browsers the persona-check doesn't work entirely.
Use VirtualBox and DeviceLab to test and improve backwards compatibility.

Whole article on 'Recensies' page isn't clickable

When clicking on a picture of a TV show it will not bring you to its page. You must click on the name.
Making the whole 'article' clickable with ::after makes the UX better.

database keys and value from tags and name and value are not the same

This is important to match the name and value from the ejs persona form to the keys and value from the database tags.

Make seriesgame compatible to IE9

Make sure the css has a fallback for flexbox

New comments get PM and AM after the time stamp

When a user comments now, it diverts from old comments, the time stamp gets a PM/AM.

Series Game detail pages as overlay

When a user want to get the detail page from a tv-show, it has to be an overlay. So the current ranking won't be lost

Images don't load on iPhone 5

Users can't comment on other people's comment

When you want to comment on someone there was no possibility to do that.
Using @somebody or a 'comment on this' button below the comment, people could comment on each other

Hamburger menu doesn't match Vrij Nederland

The hamburger menu doesn't look the same as the one on Vrij Nederland's website. Change it to that one to be more consistent.

Cash personacheck images

Cash the images with a serviceworker, so the loading time will be faster

DATABASE: Refill 'reviewBody' property with demo review text

This is because the review body text was not uploaded on all previous demo reviews.

Page becomes very long after a lot of comments

If a lot of people will be using this product, a lot comments will be posted and all of the comments will be visible in the comment section leading to infinite pages.
After 10+ comments or so use a collapsible comment list. The user can click a button like 'more comments' and 10 older comments will be loaded.

'Show all reviews' page

Create a page including needed routes that displays all reviews as the frontpage only shows the latest 6.

Images not in html personacheck

Consider placing the images of personacheck into html instead of css. CSS will be much shorter, plus you can add them to the confirmation screen.

Serverside Code Cleanup

Looks like a mess right now:

• Weird indentations
• Different coding styles
• Could be more component-based

Create main view state without login

Add a main view that is rendered when the user is not logged in, displaying placeholders for elements that require login.

Max of three choices per step in personacheck

Users need to have a limitation on how many checkboxes they can pick.

EJS page for "You need to log in" page

Github repo cleanup

See title

Check series HTML

• Blocks on intro page
• Checkboxes fully clickable
• Label steps

Add some cool animations with GreensockJS

To improve UX (and make it a bit more flashy) we could use the industry standard GreensockJS library for animations.

https://greensock.com/

Drugs icon not sharp enough

Header of persona tilted

The header of the persona-check is tilted which is not in accordance with Vrij Nederland's design.
Change the angle to 0 degrees

App doesn't have a consistent style

Every part of the page has its own style.
Create on style using one font, same colors, same buttons, same links.

No pointer when hovering on persona-check items

When hovering on the items in the persona-check the cursor doesn't change.
To indicate that items are clickable change the arrow cursor to pointer when hovering.

Caching files like pictures

Rendering images has a lot of impact on performance. When the page is busy loading (even on fast internet) not all images are immediately shown.
Caching files like pictures and other documents that will be frequently used enhances performance.

Images on persona-check are too big

When loading the page, images aren't immediately visible.
Compressing images using tinyjpg to make page load faster

Check form semantics upload tool

Use fieldsets, no P in labels
Check w3 validation

Merge all CSS files into single file

All features have their own CSS files as of right now. This should be reduced to 1 main CSS file for all styles.

socket sends to all clients instead of only clients on the same page

Redesign main view

Grid based layout that displays:

• User's best matches - Persona Check
• User's best matches - Series Game
• Recent reviews