rbaskam / woodworks

Online Furniture Store with Vue, TypeScript, Pinia and Paystack API

Woodworks

Demo

View Live Site

Woodworks | Find your perfect furniture

This is woodworks, an online e-commerce store that showcases and offers luxurious and elegant furnitures

This template should help get you started developing with Vue 3 in Vite.

Features

• Store section that shows various furnitures of different categories and also gives additional information on them; information such as size, country, price, reviews..

• Allows users can browse through the available products

• Allows users to search through different furnitures

• Allows users to add furnitures and items to thier wishlist and cart and also view the furnitures on thier wishlist and cart

• Mobile responsiveness to ensure that it is compatible with multiple screen sizes

Tools and Technologies

The technologies I used on this project:

• Vue.js
• TypeScript
• Tailwind CSS and CSS
• Pinia for state management
• Paystack test api for payment integration
• Vercel for web hosting

This project was bootstrapped with [Vite my-vue-app --template vue-ts]( Vite Configuration Reference.

Installation

To install and run the project locally, download/clone the repo and run the following commands:

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

This runs the app in the development mode. Open http://127.0.0.1:5173/ to view it in your browser.

Recommended IDE Setup

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.