Tim Lin

Back to home page
Natural Gift project hero image

Natural Gift

A full-featured Vue ecommerce platform with separate Customer and Admin interfaces. I originally built this with Vue CLI and Bootstrap, but recently refactored the entire codebase to use Vite and Tailwind CSS to improve performance and maintainability. The app consumes a RESTful API to handle complex state management for products, carts, coupons, and order tracking.

My Role

Frontend ArchitectureUI/UX DesignRefactoring & Migration

Technologies

VueTailwind CSSViteVue RouterAPI Integration
VISIT WEBSITE

Project Background

This project originated as the final challenge of the Hexschool Bootcamp to master Vue and API interactions. I designed the system with two distinct interfaces: a customer shop and an Admin Dashboard for inventory management. Recently, I modernized the project by migrating the build tool to Vite and the styling to Tailwind CSS. I also developed a dedicated 'Demo Admin' dashboard, allowing visitors to easily test the backend management features without needing complex login credentials.

Static Previews

Natural Gift project preview

Interested in doing a project together?


CONTACT ME