https://github.com/lipehfama/snapup-ecommerce

Snapup Ecommerce ecommerce vuejs
https://github.com/lipehfama/snapup-ecommerce

bootstrap-icons bootstrap5 css3 dummyjson-api ecommerce-website html-css-javascript html5 javascript pinia pinia-vuejs pwa sass typescript typescript-framework vite vitejs vitest vue3 vuejs

Last synced: 4 days ago
JSON representation

Snapup Ecommerce ecommerce vuejs

• Host: GitHub
• URL: https://github.com/lipehfama/snapup-ecommerce
• Owner: lipehfama
• Created: 2022-04-24T21:28:54.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-06-26T23:20:46.000Z (7 months ago)
• Last Synced: 2025-07-07T03:08:03.071Z (6 months ago)
• Topics: bootstrap-icons, bootstrap5, css3, dummyjson-api, ecommerce-website, html-css-javascript, html5, javascript, pinia, pinia-vuejs, pwa, sass, typescript, typescript-framework, vite, vitejs, vitest, vue3, vuejs
• Language: Vue
• Homepage: https://snapup-ecommerce.vercel.app
• Size: 1.72 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Snapup Ecommerce

### Screenshots

![snapup](https://github.com/user-attachments/assets/e1bb3c59-01b8-447f-bd73-b67a4763fa1d)

## :rocket: Run Project

```bash

bun install

bun run dev

```

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## :wrench: Technologies Used

![Vue](https://img.shields.io/badge/Vue%20js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D)

![Pinia](https://img.shields.io/badge/pinia-%2335495e.svg?style=for-the-badge&logo=pinia&logoColor=%234FC08D)

![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

![Sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![Bun](https://img.shields.io/badge/bun-282a36?style=for-the-badge&logo=bun&logoColor=fbf0df)

![Vitest](https://img.shields.io/badge/-Vitest-252529?style=for-the-badge&logo=vitest&logoColor=FCC72B)

## :rocket: Project Information

- Snapup Ecommerce

- Semantic HTML5 markup

- Grid and Flex

- Media queries and responsivity

- Sass Mixins

- Use ref