Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yan-pi/vue-shop
This is the repository for the VueShop project, an e-commerce application developed with Vue.js. VueShop utilizes various technologies, such as axios, https://fakestoreapi.com, sass, Vue, Vuex, and Vue Router, to create an easy and intuitive online shopping experience.
https://github.com/yan-pi/vue-shop
axios axios-vue vue-router vuejs vuex
Last synced: 14 days ago
JSON representation
This is the repository for the VueShop project, an e-commerce application developed with Vue.js. VueShop utilizes various technologies, such as axios, https://fakestoreapi.com, sass, Vue, Vuex, and Vue Router, to create an easy and intuitive online shopping experience.
- Host: GitHub
- URL: https://github.com/yan-pi/vue-shop
- Owner: yan-pi
- Created: 2023-07-16T02:57:52.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-03T12:52:16.000Z (over 1 year ago)
- Last Synced: 2024-11-28T22:19:18.973Z (2 months ago)
- Topics: axios, axios-vue, vue-router, vuejs, vuex
- Language: Vue
- Homepage: https://vue-shop-drab.vercel.app
- Size: 150 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VueShop
This is the repository for the VueShop project, an e-commerce application developed with Vue.js. VueShop utilizes various technologies, such as axios, https://fakestoreapi.com, sass, Vue, Vuex, and Vue Router, to create an easy and intuitive online shopping experience.
## Features
VueShop has the following features:
- Product Display: Users can browse and view a wide variety of available products.
- Shopping Cart: Users can add products to the shopping cart and manage their selections.
- State Management: Vuex is used to manage the global state of the application, ensuring a consistent user experience.
## Technologies Used
VueShop utilizes the following core technologies:
- **Vue.js**: A progressive framework for building interactive user interfaces.
- **Vuex**: A state management library for Vue.js, enabling data sharing between components.
- **Vue Router**: An official router for navigation in Vue.js single-page applications (SPAs).
- **axios**: A Promises-based HTTP client used to make requests to the backend API.
- **https://fakestoreapi.com**: A fake e-commerce API used as a data source for this project.
- **Sass**: A Cascading Style Sheets (CSS) preprocessor that extends its capabilities, making application styling easier.
## How to Run the Project
1. Ensure you have Node.js installed on your system.
2. Clone this repository to your local machine using the following command:
```bash
git clone https://github.com/Yan-pi/VueShop.git
```
3. Navigate to the project directory:
```bash
cd VueShop
```
4. Install project dependencies using npm or yarn package manager:
```bash
npm install
```
or
```bash
yarn install
```
5. Start the application:
```bash
npm run serve
```
or
```bash
yarn serve
```
6. Access the application in your web browser at `http://localhost:` (or another port if 8080 is in use).
## Contributing
If you wish to contribute to VueShop, feel free to open a pull request. All contributions are welcome!
## License
This project is licensed under the MIT License. See the LICENSE file for more details.
## Credits
VueShop was developed by [Yan-pi](https://github.com/Yan-pi) and built with the help of the Vue.js community and various open-source libraries and tools.
---
This Read Me provides an overview of the VueShop project, its features, technologies used, and instructions for running it. Feel free to expand this document or add any other relevant information!