The Beginning of Better. Lunching my Portfolio webapp

This is just for sentimental memory for future. GitHub: https://github.com/zhivou/my_portfolio/tree/master/config Main Dependences: Ruby On Rails 6 Active St…

This is just for sentimental memory for future.
GitHub: https://github.com/zhivou/my_portfolio/tree/master/config

Main Dependences:

Ruby On Rails 6
Active Storage
Active Text
PostgreSQL
DEVISE
React JS
WebPack
Bootstrap
Google Cloud Storage

And it looks like this when you logged in:

Screen Shot 2019-06-06 at 5.18.18 PM.png 359 KB

Profile:

Screen Shot 2019-06-06 at 5.18.39 PM.png 265 KB

Inspired by LinkedIn interface each section renders Modal pop-up:

Screen Shot 2019-06-06 at 5.28.13 PM.png 57.2 KB

Screen Shot 2019-06-06 at 5.28.18 PM.png 48.2 KB

A bit ugly but working.
Next is Blog section. In future it will be 1 page React App right now it's using rails-react which gets props from tag like this:

<%= react_component("Blog", [blog, blog.body_area.to_plain_text.first(250), distance_of_time_in_words(blog.created_at, Time.now)] ) %>

Will rewrite it to pure Rect with API calls, also will add calendar and hash tag queries. Blog page now looks like this:

Screen Shot 2019-06-06 at 5.32.38 PM.png 119 KB

and Active Text with Trix WYSIWYG editor:

Screen Shot 2019-06-06 at 5.19.15 PM.png 29.8 KB

Again ugly but working...

So right now I don't have Project section filled with data so I will update this part later.
And the last one is contact page: