Skip to content

Latest commit

 

History

History
100 lines (64 loc) · 1.77 KB

README.md

File metadata and controls

100 lines (64 loc) · 1.77 KB

Nuxt 3 Ecommerce

Nuxt Vue Tailwind CSS Vuetify

This is an Ecommerce web-app I was experimenting with while learning Nuxt 3. It uses one of the APIs I created earlier in Django using dataset from this popular Ecommerce store in India called "Myntra.com".

Look at the Nuxt 3 documentation to learn more.

Back-end API is included here

  • Created in Python using Django framework with Postgres as database.

Features

At the time of writing this it contains following prominent features :-

  • Items page with pagination, shows info such as price, discount, link to the actual product.

  • Back-end sorting and filtering applied using Django filter-backends.

  • Uses Vuetify for UI components.

Screenshots

Would be added soon

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.