Portfolio
I came across Zara's website the other day. I was quite fascinated with the two axios carousel, that you can scroll vertically when doing the horizontal scroll. I was trying to mock a similar one. ...
My Shopify Hydrogen e-commerce website demo, still using SanityIo as the headless CMS. https://dry-tundra-02789.herokuapp.com/
https://www.behance.net/gallery/139766953/Wooden-Garden-headless-e-commerce-website-demo
My interest lies in designing and building headless e-commerce websites(Using Shopify for checkout and payment and using SanityiIo as the CMS) and I feel quite happy with the current progress. I am...
Shopify released a React-based framework last year. Then I start building it as the base of the headless e-commerce website. I am integrating SanityIo as the CMS and making it module-based which is...
Launch my store. https://www.naix.shop/
An e-commerce website landing page UI design practice. I am gonna explore more about brutalist design possibilities in the field of web design.
Upload my CV https://xnslx.s3.us-east-2.amazonaws.com/Xian+Li+Resume.pdf
I just design and build an eCommerce website from scratch. Nextjs(frontend), Tailwind CSS(Styling), sanityIo(CMS), Redux-Persist(global state management), Next-Auth(authentication). I also integrat...
I help a client fully sync Shopify with Sanityio(CMS) using sane/shopify tool and integrate the application with Shopify by using Shopify Storefront API https://vimeo.com/578882050
I keep working on my Nextjs, Tailwind CSS, Sanityio e-commerce website. https://vimeo.com/578193714
Finish a client's work. I redesign and rebuild a website. I provide UI design and web development. The tech stacks include Gatsbyjs, Tailwind CSS, and Graphql. https://vimeo.com/578199033
https://codesandbox.io/embed/github/xnslx/React-Toggle-Fav-Images-Hooks?codemirror=1
https://codesandbox.io/embed/github/xnslx/React-Counter?codemirror=1
https://codesandbox.io/embed/github/xnslx/react-shopping-cart-demo?codemirror=1
https://codesandbox.io/embed/github/xnslx/React-Todo-Hooks?codemirror=1
https://codesandbox.io/embed/github/xnslx/facebook-post-component?codemirror=1
https://codesandbox.io/embed/github/xnslx/React-Redux-Chatroom?codemirror=1
https://codesandbox.io/embed/github/xnslx/REST-Countries-API-?codemirror=1
https://codesandbox.io/embed/github/xnslx/Bookmark-Landing-Page-?codemirror=1
https://codesandbox.io/embed/github/xnslx/React-Redux-Reddit-Api?codemirror=1
The original credit of the illustrations’ ideas are coming from Dribbble. I just hone my illustration skills by drawing them on my own. https://www.behance.net/gallery/57498769/record-camera-earpho...
I took part in a Chinese design contest at that time. It requires contestants to design a set of logo, one banner and one poster for a local business store. We were in China at that time for the su...
https://link.medium.com/WHXGozUlQhb
https://link.medium.com/WU319QQlQhb
https://link.medium.com/0mfpX4FjQhb
https://link.medium.com/R6ncdRxjQhb
https://link.medium.com/QQzo1OqjQhb
https://link.medium.com/0sOlOcDhQhb
https://uxplanet.org/how-to-start-learning-ui-ux-from-scratch-ed6bb7a79cdb
Ginsburg is an extraordinary and inspirational moral icon for the female. One of the quotes that I like is, "I would like to be remembered as someone who used whatever talent she had to do her work...
Welcome to my MERN stack social media login boilerplate. In this project, I create a login/signup system using the MERN stack. MERN STACK: MongoDB, Express, React, Node.js. Redux for the global sta...
This is my MERN stack E-Commerce Website aiming to sell my kiddo's clothes. Of course, selling is not the point. Honing my coding skill is the primary reason. The stack: MongoDB, Express, React, No...
Welcome to my Nextjs blog project. Here is the idea, I followed Max on Udemy to learn Nextjs a couple of months ago. Then I tweaked one of the projects in the course by adding social media login/si...
I redesign a website to a client. Here are the two versions that haven't been chosen as the final version.
Welcome to my Nextjs project integrating with Sanityio as the CMS. The stack: Nextjs, Node.js, Tailwind CSS, SanityIo I learn one of the CMS, the sanity by building this business landing page templ...
I took an internship in World Health Organization which is located in Geneva, Switzerland for 3 months. My research area was that how health-related news, especially pneumonia and diarrhea had been...
I took my master's degree in the UK at the University of Sheffield, majoring in global journalism.