DEMOS

personal project

• thegallery.onthewifi.com (2020.03) This is a image-sharing platform now only features basic album creating and managing function.
  
  Since this project is driven by my interest (photographing) and that I'm still continuously working on it,
  I'd like to say that it'll grow up with more functions soon.
  
  You're more than welcome to take a look then :).
  
  The project is developed as a single page application and uses:
  • React + Redux
  • Express + MySQL
    
    

  Github Repo: github.com/J8453/gallery

Vue Practice

• image showcase ( 2020.04)
  Code: github.com/J8453/img-showcase
• todo in Vue (2020.04)
  It's a simple practice after reading official guide.
  
  Code: github.com/J8453/todo-in-Vue

React Practice

• instagram layout imitation (2020.04)
  I was trying to mock instagram layout with 'React' and 'Semantic UI React' (an UI component library).
  
  It's also a RWD practice.
  
  The following is my output: As a contrast, the following is real instagram layout: Github Repo: github.com/J8453/layout_imitation_ig

• styled-component practice (2020.04)
  It's a simple practice with 'Styled-Components' (a CSS-in-JS library), and use 'Styled-System' to support. Code: github.com/J8453/styled-component-prac/App.js

HTML&CSS

• flexbox practices (2020.01)
• RWD practice -- blog (2019.12)
• google form imitation (with basic validation) (2019.12.05)

JS

• todo in jQuery (2019.12.18)
• AJAX practice -- GET method (2019.12)