Development Update #3: Updated Design, Recommended, Actors Page and New Post PagesteemCreated with Sketch.

in utopian-io •  11 months ago

DU3Banner.jpg

Repository

https://github.com/jrawsthorne/review.app

New Features

#1 Updated design

Media page

I updated the design of the media page so it could show more information without taking up as much space. On the right it now shows the three main actors and the genres associated with it.
image.png

Posts preview

I also updated the design of the posts preview to specify a fixed height. This fixed issues I was having with images not lining up.
image.png

#2 Recommended movies/shows

At the end of each post and media page there is a carousel showing recommended movies or shows. In the future I aim to show posts as well in this section that match the items in the carousel.
image.png

Additional commits

Fix 'No title' for recommended show
Recommended: Show 2 on wider screen. Show 10 most popular
Recommended styles
Add similar to append_to_response

#3 Actors page

You can click on an actor and see the most popular films/shows they have been in.
image.png

#4 New post page design

You can now search for a movie or show to write your post about or click the new post button and it will be autofilled.
image.png

Bug Fixes

Fixed the performance impact of the react-dotdotdot 3rd party dependency.
I've switched back to simply using the character count to shorten text.

GitHub Account

https://github.com/jrawsthorne/

Roadmap

  • WYSIWYG editor for post body
  • Write post to blockchain with JSON metadata
  • Like,comment
  • Add filters for trending,popular... to home and media page
  • New table in database for media items with genres so can get all posts of a certain genre
  • Genres page
  • Profile page redesign
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for your contribution. It's great to see a nice update on the project. We request to start commenting on the code as it will be helpful for other developers as well as anyone working along with you.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

·

@codingdefined Thanks for the review. I should have put it in the post but I went through and commented everything. You can see that in this commit. Hopefully the score can be ammended.

Hey @jrawsthorne
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!