Nuxt 3 Ecommerce

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.

Here's the link of the back-end API used for this project

• https://github.com/Apfirebolt/Myntra_ecommerce_api_in_django
• 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.