About Me
I have been learning to program for three years. I am proficient in using popular React and Vue frameworks and have developed a complete website useing Express and MongoDB.
Experience
  • Oct 2021 - Present


    Fornt-end Developer

    -RealTime Ltd.

    Responsible for layout and JavaScript. I participated in two Next blockchain projects, a backstage management system by Vue.js and a real-time chat robot with a backstage page by React.js.

    I usually play a leader in how to develop the project and discuss with developers to solve the problem. Also, I introduced Functional Programming, TypeScript, and Unit Test to improve development flow, reduce bugs and maintain costs.

My Works
Here are a few projects I've worked on recently.
  • metafame-logoMetaFame
    MetaFame
    • Next
    • Redux
    • TypeScript
    • Ethers
    • Tailwind CSS
    MetaFame is a blockchain project developed by a backend developer and me.
    I was responsible for Staking & NFT page layout, interacting with blockchain smart contracts, and building with Next.js & Ethers.js. And I introduced TypeScript to reduce bugs and maintain costs.

    We developed staking and NFT character mint, makeover, refresh, and wardrobe systems for our customers. Also, I use Spine to play Openbox, makeover animate, and SketchFab to show 3D NFT characters.
  • velhalla-logoVelhalla
    Velhalla
    • Next
    • Redux
    • Web3
    • Tailwind CSS
    Velhalla is my first blockchain project developed with a senior developer. We studied a lot of articles on how to connect with blockchain and set in two weeks.
    I was responsible for Stake & Comic & Metaverse page layout and interacted with blockchain smart contracts. We developed a stake and trading comic NFT system, built with Next.js & Web3.js.

    It is my first time learning about blockchain, like connecting with an unstable backend API. So that's why we spend a lot of time with UI & UX.
  • Music Station
    Music Station
    • Vue
    • Vuex
    • Tailwind CSS
    Music Station is a side project that I want to code with Vue 3.
    build with Vue CLI 4 & Vuex & Tailwind CSS, and use Firebase Database to store users & songs data.

    On this side, project practice, I was more familiar with how to develop with Vue 3. Also, it was an excellent time to try to establish with Firebase.
  • Hardware Store
    Hardware Store
    • Vue
    • Vuex
    • BS4
    Hardware Store builds with Vue CLI.
    I developed this website at my previous work, working in a hardware store then. And learn Vue & Vuex in my free time.

    That's why I can develop this website from the point of view of the users. It has a complete CMS to check all products and orders on PC and mobile devices.
  • Emaily
    Emaily
    • React
    • Redux
    • Express
    • MongoDB
    Emaily is an app that can send email surveys to your users and collect their feedback.
    In the front-end, I build with React and Redux.

    And use Express and MongoDB to build a database server.
    It's a good experience to learn about how AJAX works on a server.
  • masksMask Map
    Mask Map
    • React
    • Redux
    • Google Maps API
    Mask Map could find masks close to your house or work
    when people build mask maps in Taiwan. They usually use OSM and Leaflet. But I want to try the original Google Maps API because its UI and API are beautiful and interesting.

    During this time, I've learned a lot about how to use Google Maps API .
Contact

Copyright © 2022. All rights reserved.