https://github.com/eddiemuhoro/vueduka
VueDuka A Vue 3-based e-commerce project featuring dynamic product listings, category filters, and a responsive design. Includes a search bar with real-time filtering, a dark/light theme toggle, and reusable components for a modern shopping experience. Perfect for learning Vue.js and building scalable e-commerce
https://github.com/eddiemuhoro/vueduka
css3 ecommerce vue3 vuecompositionapi
Last synced: 6 months ago
JSON representation
VueDuka A Vue 3-based e-commerce project featuring dynamic product listings, category filters, and a responsive design. Includes a search bar with real-time filtering, a dark/light theme toggle, and reusable components for a modern shopping experience. Perfect for learning Vue.js and building scalable e-commerce
- Host: GitHub
- URL: https://github.com/eddiemuhoro/vueduka
- Owner: eddiemuhoro
- Created: 2025-04-06T14:33:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-31T23:27:04.000Z (about 1 year ago)
- Last Synced: 2025-06-01T03:46:13.105Z (about 1 year ago)
- Topics: css3, ecommerce, vue3, vuecompositionapi
- Language: Vue
- Homepage: https://vue-duka.vercel.app
- Size: 140 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VueDuka
VueDuka is a modern e-commerce application built with Vue 3 and Vite. It features dynamic product listings, category-based filtering, a responsive design, and a search bar for real-time product filtering. The project also includes a dark/light theme toggle and reusable components, making it a great starting point for building scalable e-commerce applications.
## Features
- Dynamic product listings with reusable components.
- Category-based filtering and a search bar for real-time filtering.
- Responsive design for seamless use across devices.
- Dark/light theme toggle for improved user experience.
- Built with Vue 3 and Vite for fast development and performance.
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
## Customize Configuration
See [Vite Configuration Reference](https://vite.dev/config/).
## Project Setup
```sh
pnpm install
```
### Compile and Hot-Reload for Development
```sh
pnpm dev
```
### Compile and Minify for Production
```sh
pnpm build
```
### Lint with [ESLint](https://eslint.org/)
```sh
pnpm lint
```
## Folder Structure
- **src/components**: Contains reusable Vue components like `ProductCard`, `ProductFiltersTop`, and `TopBar`.
- **src/assets**: Contains global styles and assets like `base.css` and images.
- **src/utils**: Utility components like `ThemeChanger`.
## Contributing
Contributions are welcome! Feel free to fork the repository and submit a pull request.
## License
This project is licensed under the MIT License.