Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/apfirebolt/nuxt3-ecommerce-using-vuetify

A Ecommerce website using Nuxt 3 and Vuetify
https://github.com/apfirebolt/nuxt3-ecommerce-using-vuetify

ecommerce myntra nuxt-boilerplate nuxt3 nuxt3-starter nuxtjs pinia vue3 vuetify3

Last synced: about 11 hours ago
JSON representation

A Ecommerce website using Nuxt 3 and Vuetify

Host: GitHub
URL: https://github.com/apfirebolt/nuxt3-ecommerce-using-vuetify
Owner: Apfirebolt
Created: 2024-04-13T16:37:45.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-04-14T06:19:04.000Z (6 months ago)
Last Synced: 2024-04-14T07:59:37.392Z (6 months ago)
Topics: ecommerce, myntra, nuxt-boilerplate, nuxt3, nuxt3-starter, nuxtjs, pinia, vue3, vuetify3
Language: Vue
Homepage:
Size: 127 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Nuxt 3 Ecommerce

[![Nuxt](https://img.shields.io/badge/Nuxt-3.x-green.svg)](https://nuxtjs.org)
[![Vue](https://img.shields.io/badge/Vue-3.x-orange.svg)](https://vuejs.org)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-2.x-blue.svg)](https://tailwindcss.com)
[![Vuetify](https://img.shields.io/badge/Vuetify-3.x-cyan.svg)](https://vuetifyjs.com)

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](https://nuxt.com/docs/getting-started/introduction) 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:

```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

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

```bash
# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.